Build a To-Do List with React, Express and MongoDB - 2021
- Description
- Curriculum
- FAQ
- Reviews
React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Top companies like Facebook, Microsoft, Instagram, PayPal and Twitter are using React in the development of their tools and apps, so there’s no reason not to learn it.
In this course we will be learning the fundamentals of React such as components, handling forms and more, and we will be digging into the world of hooks. We will be explaining the basic hooks that are commonly used. After all of that, we will begin writing our front-end for our to-do list app and we will power it up with our back-end that we’re going to write as well.
So in summary, in this course we will talk about:
-
React fundamentals
-
React hooks
-
How to create RESTful APIs
-
How to integrate Express with MongoDB
-
How to integrate React with Express
There are no prerequisites. Just a basic understanding of HTML and, because you’re learning React, you should have a bit of knowledge of JavaScript with its new standards (ES 2015+).
Am I eligible for this course? Yes, if you are one of the below:
-
Programmers looking to learn React
-
Programmers tired of writing jQuery code and want to step up their skills.
-
Programmers trying to build apps with React
-
Programmers trying to learn full stack development
-
Developers trying to learn how to build a RESTful API
-
Programmers looking to start into freelancing
-
Hobbyists trying to enjoy their time by building a fun app
-
6What is JSX?Video lesson
-
7Writing Our First AppVideo lesson
-
8Components #1Video lesson
-
9Components #2Video lesson
-
10Writing ComponentsVideo lesson
-
11Understanding Our App StructureVideo lesson
-
12PropsVideo lesson
-
13Lifecycle MethodsVideo lesson
-
14State #1Video lesson
-
15State #2Video lesson
-
16Seconds Counter AppVideo lesson
-
17Handling FormsVideo lesson
-
18Controlled ComponentsVideo lesson
-
19The Hooks SystemVideo lesson
-
20The useState() HookVideo lesson
-
21The useEffect() HookVideo lesson
-
22Refactoring the Seconds Counter AppVideo lesson
-
23The Return Statement Inside of useEffect()Video lesson
-
24Functioncal vs. Class ComponentsVideo lesson
-
25Making Requests Inside of ReactVideo lesson
-
26The Article Searcher AppVideo lesson
-
27Sending RequestsVideo lesson
-
28Displaying the ResultsVideo lesson
-
29The 'dangerouslySetInnerHTML' PropVideo lesson
-
30Deployment with VercelVideo lesson
-
31The 'key' PropVideo lesson
-
32Alternative MethodVideo lesson
-
33Thinking About the Front-EndVideo lesson
-
34Using Semantic UIVideo lesson
-
35Creating the Form #1Video lesson
-
36Creating the Form #2Video lesson
-
37Turning the Input into a Controlled ComponentVideo lesson
-
38Creating SectionsVideo lesson
-
39Creating the To-Do ListVideo lesson
-
40Editing the To-Do ItemsVideo lesson
-
41Styling the Input and Listening for Key CodesVideo lesson
-
42Auto Focusing the Input and Making it a Controlled ComponentVideo lesson
-
43Fixing the ESC KeyVideo lesson
-
44Checking To-Do ItemsVideo lesson
-
45Simulating Our Back-EndVideo lesson
-
46Fixing Some ProblemsVideo lesson
-
47Adding To-Do ItemsVideo lesson
-
48Emptying the Input and Form ValidationVideo lesson
-
49Removing To-Do ItemsVideo lesson
-
50Writing the Logic of removeTodo()Video lesson
-
51Building our Back-End StructureVideo lesson
-
52Connecting to Our Database and Creating a ModelVideo lesson
-
53Fetching Data from Our DatabaseVideo lesson
-
54Solving the Warning MessagesVideo lesson
-
55Creating More RoutesVideo lesson
-
56Inserting & Deleting RecordsVideo lesson
-
57Following RESTful ConventionsVideo lesson
-
58Creating the PUT MethodVideo lesson
-
59Responding to RequestsVideo lesson

External Links May Contain Affiliate Links read more