Make 20 React Apps

Make 20 React Apps

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 12h 20m | 3.09 GB

You’ll use all these concepts in your React applications. Each app could take from 15 minutes to an hour so there’s a lot of building to dig through.

Who this course is for
This course is for beginner-intermediate developers that want to learn by building.

It’s great for those that have some React knowledge but want to create real-world code.

They always say “build to learn”. They never say what to build! These 20 apps are fun projects that will introduce us to coding scenarios that we’ll encounter in many React apps.

What you’ll learn:

This course is built fully in React Hooks for React in 2020 and beyond. You’ll work with:

  • React templating with JSX
  • React Hooks:
  • Custom React Hooks
  • Routing
  • Authentication
  • State management
  • Rendering
  • Component communication with props
Table of Contents

1 Hello!
2 VS Code Setup
3 Terminal Setup (npm vs yarn)
4 Starter and Final Files in GitHub
5 Pomodoro [PREVIEW]
6 Time and Start
7 Stop and Reset
8 Restarting the Timer [FIX]
9 Markdown Editor [PREVIEW]
10 Markdown Editor
11 Browser Tabs [PREVIEW]
12 Tab Highlight
13 React Router
14 Refactoring
15 Paper Rock Scissors [PREVIEW]
16 Intro + Handling Choices
17 Displaying Game State
18 Choosing Winner
19 Moving Boxes and Link [PREVIEW]
20 Setting Up Canvas and Box
21 Keyboard Arrows
22 Link Sprites
23 Custom Hook and Background
24 Infinite Image Gallery [PREVIEW]
25 Getting Images from Unsplash
26 Infinite Scroll
27 Searching Unsplash
28 useEffect’s 2nd Argument
29 Trivia [PREVIEW]
30 Getting and Displaying a Question
31 Selecting a Category
32 Handling Right and Wrong
33 Scoreboard
34 useTrivia Custom React Hook
35 Authentication [PREVIEW]
36 Setting Up Auth0
37 Starting with the Auth0 SPA SDK
38 Starting React Context
39 Adding Auth0 to Context
40 PrivateRoute
41 Getting a Token
42 Web Speech and Timers [PREVIEW]
43 Creating Timer Forms
44 Adding a Stopwatch
45 Adding Speech
46 Calendar Picker [PREVIEW]
47 Choosing a Date
48 Styled Components
49 Hovering Days
50 Chat Box [PREVIEW]
51 Visualizing Messages
52 Typing Indicator
53 Adding Animations
54 Multi-Step Form [PREVIEW]
55 Multi-Step with Router
56 Forms and Validation
57 Storing State with React Context
58 Animating Routes
59 Disabling Links
60 Memory Matching [PREVIEW]
61 Displaying Pokemon
62 Flipping Cards
63 Handling Winning
64 Drag and Drop Math Card [PREVIEW]
65 Handling Dragging
66 Handling Dropping
67 Storing Values in State
68 Browser Browser [PREVIEW]
69 Showing iframes
70 Choosing and Adding
71 Address Bar
72 useReducer
73 Closing Tabs
74 Real-Time Search [Preview]
75 Algolia Setup
76 React Components for Algolia
77 Weather Chart [Preview]
78 High Level Strategy
79 Geocoding Addresses
80 Starting Charts
81 Showing Weather Data in Chart
82 Shopping Cart [Preview]
83 Setting Up Components
84 Context and Reducer
85 Cart Modal
86 Typing Tester [Preview]
87 Showing Characters
88 Finding Typos
89 Countdown and WPM
90 Updates Are Coming