Build a To-Do List App with Node, Express, React and MongoDB
- 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. Companies large and small hire engineers who understand React, and salaries for engineers are high all the time. So, it’s a great time to learn React! This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge.
In this course, you’ll start with the basics of React and React Hooks and then expand your knowledge by building a fun to-do list app, both the front-end and the back-end, which puts you in a state of learning in a practical way.
After finishing React and React Hooks, you’ll start with building the front-end of the app, you’ll style your app by using a third-party CSS library, build components for your app and imitate the behavior of the back-end. After finishing the front-end, you’ll begin with developing your back-end where you’ll create the database, develop routes in the back-end and finally integrate it with the front-end.
What’s in this course?
-
An introduction to React.
-
How React works, building components with React and building UIs with React.
-
Components, props and dynamic data binding.
-
Working with user events and state to create interactive applications.
-
A look behind the scenes to understand how React works under the hood.
-
A good explanation on how to work with lists and conditional content.
-
An introduction to React Hooks.
-
How to debug React apps.
-
Class-Based components and function components.
-
Sending HTTP requests and handling transitional states and responses.
-
Handling forms and user input.
-
Integrate React with MongoDB and Express.
-
Develop a back-end separately and integrate it with React.
-
Create your databases with MongoDB.
-
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
-
24Function vs. Class ComponentsVideo lesson
-
25Making Requests Inside of ReactVideo lesson
-
26The Article Searcher AppVideo lesson
-
27Sending RuquestsVideo lesson
-
28Displaying the ResultsVideo lesson
-
29The dangerouslySetInnerHTML PropVideo lesson
-
30The key PropVideo lesson
-
31Deployment with VercelVideo 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