ReactJs and TailwindCSS Random User Generator App
#reactjs #tailwindcss #momentjs #reacthooks #arraydestructuring #objectdestructuring
Learn ReactJs and TailwindCSS to build a random user generator application using the randomuser.me API. Learn array and object destructuring in depth.
Remember to subscribe here: https://bit.ly/3qsAsNC
What you'll learn:
1. React Hooks: useState and useEffect
2. The Fetch API
3. Object and array destructuring
4. TailwindCSS styling
5. CSS Flexbox
6. JavaScript date formatting using Moment.js
Timestamps:
00:00 - Intro, project and workspace setup
05:35 - npm start
05:43 - Grab Tailwind CDN from
06:08 - index.html cleanup
08:04 - src folder cleanup
09:30 - FetchUsers component
10:42 - State values using useState hook
12:07 - useEffect hook
18:20 - Install react-icons and momentjs
22:14 - Accessing objects - dot notation
25:11 - Accessing objects - destructuring
31:54 - Displaying and styling our data
59:39 - Deploy to GitHub
GitHub Repository: https://github.com/SankThomas/random-...
Follow me on Twitter: / tsbsankara
Follow me on Instagram: / tsbsankara
Subscribe to my YouTube channel: https://bit.ly/3qsAsNC
NOTE: See the follow up video for implementing the button to generate random users here: • A Follow Up To The Randomuser App
Once again please subscribe before you leave by clicking this link https://bit.ly/3qsAsNC
Show your support by donating: https://www.paypal.com/donate?hosted_...
Every bit is appreciated!
