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-user-app
Follow me on Twitter: https://twitter.com/TSBSankara
Follow me on Instagram: https://instagram.com/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: https://www.youtube.com/watch?v=Sl9KAP_H0UY
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_button_id=2WG3VC4GPGK8Y
Every bit is appreciated!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ReactJs and TailwindCSS Random User Generator App», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.