Главная страница Категория react.js Сделайте 20 приложений React

Сделайте 20 приложений React

Name: Сделайте 20 приложений React
Price: 13 USD
Rating: 4.7 (87 reviews)

Make 20 React Apps

Chris Sev

★ 4.7 (всего оценок - 87)

Начать Сейчас

Продолжительность

12 ч 20 мин

Категория

React.js

Количество уроков

90 Видео

Дата добавления

8 мая 2020 г., 20:13

Язык

Английский

Дата обновления

5 окт. 2020 г., 01:39

Создайте больше, чем «hello world » или «приложение для to-do» Вот 20 забавных приложений, чтобы узнать новые навыки и добавить их в свое портфолио.

Чему вы научитесь?

Люди всегда говорят «Создавай что-то, чтобы учиться». Они никогда не говорят, что создавать!

Этот курс предназначен для тех, кто обладает знаниями React, но хочет написать какой-то реальный код.

Этот курс полностью построен на React Hooks, так что вы получите более глубокое понимание:

React Hooks, такие как useState и useEffect
Делаем реальные вещи, такие как маршрутизация, аутентификация, JSX
Управление состоянием
Рендеринг в React
Связь между компонентами

Этот курс для тех, кто хочет учиться и создавать.

Эти 20 приложений - забавные проекты, которые познакомят нас со сценариями, с которыми мы столкнемся в нашей повседневной работе, сторонних проектах и любых приложениях React.

Мы делаем ставку на создание чего-то веселого, быстро. Каждое приложение может занять от 15 минут до часа.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:00:59

Hello!
Урок 2. 00:19:12

VS Code Setup
Урок 3. 00:05:37

Terminal Setup (npm vs yarn)
Урок 4. 00:04:56

Starter and Final Files in GitHub
Урок 5. 00:01:14

00 - Pomodoro [PREVIEW]
Урок 6. 00:10:07

01 - Time and Start
Урок 7. 00:12:29

02 - Stop and Reset
Урок 8. 00:01:58

03 - Restarting the Timer [FIX]
Урок 9. 00:01:30

00 - Markdown Editor [PREVIEW]
Урок 10. 00:14:07

01 - Markdown Editor
Урок 11. 00:01:26

00 Browser Tabs [PREVIEW]
Урок 12. 00:19:28

01 - Tab Highlight
Урок 13. 00:16:06

02 - React Router
Урок 14. 00:03:47

03 - Refactoring
Урок 15. 00:01:06

00 - Paper Rock Scissors [PREVIEW]
Урок 16. 00:10:52

01 - Intro + Handling Choices
Урок 17. 00:12:52

02 - Displaying Game State
Урок 18. 00:12:56

03 - Choosing Winner
Урок 19. 00:01:29

00 - Moving Boxes and Link [PREVIEW]
Урок 20. 00:09:40

01 - Setting Up Canvas and Box
Урок 21. 00:07:58

02 - Keyboard Arrows
Урок 22. 00:06:47

03 - Link Sprites
Урок 23. 00:04:22

04 - Custom Hook and Background
Урок 24. 00:01:03

00 - Infinite Image Gallery [PREVIEW]
Урок 25. 00:17:34

01 - Getting Images from Unsplash
Урок 26. 00:10:57

02 - Infinite Scroll
Урок 27. 00:13:43

03 - Searching Unsplash
Урок 28. 00:06:26

04 - useEffect's 2nd Argument
Урок 29. 00:01:25

00 - Trivia [PREVIEW]
Урок 30. 00:16:22

01 - Getting and Displaying a Question
Урок 31. 00:14:14

02 - Selecting a Category
Урок 32. 00:11:22

03 - Handling Right and Wrong
Урок 33. 00:07:42

04 - Scoreboard
Урок 34. 00:08:08

05 - useTrivia Custom React Hook
Урок 35. 00:01:54

00 - Authentication [PREVIEW]
Урок 36. 00:09:38

01 - Setting Up Auth0
Урок 37. 00:07:25

02 - Starting with the Auth0 SPA SDK
Урок 38. 00:07:25

03 - Starting React Context
Урок 39. 00:17:14

04 - Adding Auth0 to Context
Урок 40. 00:07:37

05 - PrivateRoute
Урок 41. 00:04:01

06 - Getting a Token
Урок 42. 00:01:12

00 - Web Speech and Timers [PREVIEW]
Урок 43. 00:11:22

01 - Creating Timer Forms
Урок 44. 00:08:44

02 - Adding a Stopwatch
Урок 45. 00:10:23

03 - Adding Speech
Урок 46. 00:01:04

00 - Calendar Picker [PREVIEW]
Урок 47. 00:09:27

01 - Choosing a Date
Урок 48. 00:12:55

02 - Styled Components
Урок 49. 00:07:59

03 - Hovering Days
Урок 50. 00:00:57

00 - Chat Box [PREVIEW]
Урок 51. 00:07:49

01 - Visualizing Messages
Урок 52. 00:07:49

02 - Typing Indicator
Урок 53. 00:04:54

03 - Adding Animations
Урок 54. 00:01:23

00 - Multi-Step Form [PREVIEW]
Урок 55. 00:10:46

01 - Multi-Step with Router
Урок 56. 00:11:49

02 - Forms and Validation
Урок 57. 00:12:51

03 - Storing State with React Context
Урок 58. 00:07:19

04 - Animating Routes
Урок 59. 00:05:53

05 - Disabling Links
Урок 60. 00:00:46

00 - Memory Matching [PREVIEW]
Урок 61. 00:07:44

01 - Displaying Pokemon
Урок 62. 00:07:37

02 - Flipping Cards
Урок 63. 00:09:02

03 - Handling Winning
Урок 64. 00:00:56

00 - Drag and Drop Math Card [PREVIEW]
Урок 65. 00:10:44

01 - Handling Dragging
Урок 66. 00:07:19

02 - Handling Dropping
Урок 67. 00:09:20

03 - Storing Values in State
Урок 68. 00:01:35

00 - Browser Browser [PREVIEW]
Урок 69. 00:06:43

01 - Showing iframes
Урок 70. 00:05:03

02 - Choosing and Adding
Урок 71. 00:08:13

03 - Address Bar
Урок 72. 00:14:25

04 - useReducer
Урок 73. 00:13:18

05 - Closing Tabs
Урок 74. 00:01:39

00 - Real-Time Search [Preview]
Урок 75. 00:09:59

01 - Algolia Setup
Урок 76. 00:11:10

02 - React Components for Algolia
Урок 77. 00:01:17

00 - Weather Chart [Preview]
Урок 78. 00:10:57

01 - High Level Strategy
Урок 79. 00:15:01

02 - Geocoding Addresses
Урок 80. 00:13:17

03 - Starting Charts
Урок 81. 00:11:12

04 - Showing Weather Data in Chart
Урок 82. 00:12:00

00 - Shopping Cart [Preview]
Урок 83. 00:01:36

01 - Setting Up Components
Урок 84. 00:25:00

02 - Context and Reducer
Урок 85. 00:16:42

03 - Cart Modal
Урок 86. 00:00:59

00 - Typing Tester [Preview]
Урок 87. 00:08:12

01 - Showing Characters
Урок 88. 00:06:47

02 - Finding Typos
Урок 89. 00:11:24

03 - Countdown and WPM
Урок 90. 00:00:22

Updates Are Coming

PRE-RELEASE

https://github.com/chris-on-code/20-react-apps

Автор - Chris Sev

Chris Sev

Chris Sev является основателем популярного учебного веб-сайта scotch.io. Скотч достигает 2 500 000 читателей в месяц и 30 000 долларов в месяц. Scotch.io был успешно приобретен DigitalOcean в 2019 году! Сейчас Крис сосредоточен на том, чтобы помогать другим программировать, чтобы они могли строить / продавать свой собственный бизнес. Он является экспертом Google Developer по веб-технологиям и борется за простоту и практичность написания кода.