React Mega Course – Learn React and then build 6 projects
React Mega Course – Learn React and then build 6 projects, available at $54.99, has an average rating of 5, with 185 lectures, based on 3 reviews, and has 63 subscribers.
You will learn about Learn React from scratch Redux and RTK Query Use free AI tools to boost productivity Express MongoDB Build projects Become able to build your own React projects and APIs This course is ideal for individuals who are Anyone with some JavaScript and general web dev skills looking to master React and Redux It is particularly useful for Anyone with some JavaScript and general web dev skills looking to master React and Redux.
Enroll now: React Mega Course – Learn React and then build 6 projects
Summary
Title: React Mega Course – Learn React and then build 6 projects
Price: $54.99
Average Rating: 5
Number of Lectures: 185
Number of Published Lectures: 185
Number of Curriculum Items: 185
Number of Published Curriculum Objects: 185
Original Price: $49.99
Quality Status: approved
Status: Live
What You Will Learn
- Learn React from scratch
- Redux and RTK Query
- Use free AI tools to boost productivity
- Express
- MongoDB
- Build projects
- Become able to build your own React projects and APIs
Who Should Attend
- Anyone with some JavaScript and general web dev skills looking to master React and Redux
Target Audiences
- Anyone with some JavaScript and general web dev skills looking to master React and Redux
Master React with Redux with this one course. You don’t need anything else. As simple as that.
Learn how to use React properly and much more than that. Use Vite to create React projects and also learn how to build your own APIs to be consumed by your React apps using Node, Express, MongoDB and Mongoose.
Don’t just learn bits and pieces, learn React with Redux and RTK Query properly from scratch and become an able React developer.
How is the course structured ?
I will first teach you React with Redux from absolute scratch (you do not need any prior experience with react) and then will build 6 projects together that get increasingly more complex.
This is a very practical course where you will mostly learn by building actual projects.
What is exactly is covered in the course?
-
React
-
Redux
-
RTK Query
-
Routing
-
JSX
-
Vite
-
Props
-
Children
-
State
-
All relevant hooks (useParams, useSearchparams, useNavigate, useDispatch, useMemo, useRef etc.)
-
JSON server
-
JSON web tokens
-
File upload
-
Image gallery
-
Node
-
Express
-
MongoDB
-
Compass
-
Mongoose
-
Bootstrap and various bootstrap themes
-
and much more
Projects:
-
Counter– put everything you have learn in the React for beginners section of the course and create a fancy counter
-
Wordlytics– Use more of what you already know to create a great little app that gives info about text input
-
TO-DO list – Learn how to use checkboxes and select lists and create a TO-DO list that uses local storage to persists data
-
Customer-management – Get started with RTK Query and create a basic CRUD application that uses JSON server for the backend (lightweight database)
-
Easy Recipes – With all the knowledge gained thus far it is time for a more serious project. In this one we will create both the React frontend and Node/Express/MongoDB backend API to create an app that can add and filter through recipes and user registration and authorization using JSON web tokens
-
CMS and E-Commerce – the biggest project in the course, create a full CMS and E-Commerce web app with users and an admin area, again using Node/Express/MongoDB for the API. This project covers it all and much more and will enable you to basically create any type of web app with React.
I have put a lot into this course to really make it the only course you need to master React, don’t miss out and enroll now risk free!
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: Projects that are created throughout the course
Lecture 3: VS Code and Chrome extensions, course files and git repos
Chapter 2: React for beginners
Lecture 1: 01 Create react app with Vite
Lecture 2: Clean up and add bootstrap
Lecture 3: JSX
Lecture 4: Functions are components
Lecture 5: Extracting into separate components
Lecture 6: Variables, inputs and inline styling
Lecture 7: Props
Lecture 8: Children
Lecture 9: State
Lecture 10: More efficient useState
Lecture 11: Returning objects and spread in state
Lecture 12: Looping in jsx
Lecture 13: Add Customer
Lecture 14: If and else if in jsx
Lecture 15: useEffect
Lecture 16: Routing ( adding components )
Lecture 17: Routes and Links
Lecture 18: useParams and useSearchParams
Lecture 19: useNavigate and NavLink
Lecture 20: redux toolkit and store setup
Lecture 21: counterSlice and useSelector
Lecture 22: Actions and useDispatch
Lecture 23: useDispatch with payload
Lecture 24: productSlice
Lecture 25: ProductDetails
Lecture 26: extraReducers
Lecture 27: Custom actions
Chapter 3: Project 1: Counter
Lecture 1: Project intro
Lecture 2: Initial project setup
Lecture 3: App jsx and bootstrap theme
Lecture 4: Separate into components
Lecture 5: Card refactor
Lecture 6: Count state and prop
Lecture 7: Reset counter
Lecture 8: Reusable Button component
Lecture 9: Limit counter, change subtitle and reset icon
Lecture 10: Spacebar to increment
Chapter 4: Project 2: Wordlytics
Lecture 1: Project intro
Lecture 2: Initial project setup
Lecture 3: App jsx and css
Lecture 4: Separate into components
Lecture 5: Controlled textarea and basic validation
Lecture 6: Number of characters (lifting up the state)
Lecture 7: Other stats
Lecture 8: class below 0 and constants
Chapter 5: Project 3: TO-DO list
Lecture 1: Project intro
Lecture 2: Initial project setup
Lecture 3: App jsx and css
Lecture 4: Separate into components
Lecture 5: initialItems and better organization
Lecture 6: AddTask and useRef
Lecture 7: handleAddItem in App
Lecture 8: Handle other button events
Lecture 9: Toggle checkbox
Lecture 10: Delete item
Lecture 11: Counter and no tasks message
Lecture 12: Sorting items
Lecture 13: localStorage
Lecture 14: useMemo
Lecture 15: Public path fix
Chapter 6: Project 4: Customer-Management
Lecture 1: Project intro
Lecture 2: Initial project setup (customer-management)
Lecture 3: CustomerList
Lecture 4: store and apiSlice
Lecture 5: customersApiSlice
Lecture 6: Routing
Lecture 7: AddCustomer component
Lecture 8: Outlet
Lecture 9: AddCustomer functionality
Lecture 10: How RTK Query caching works
Lecture 11: Toast notifications
Lecture 12: EditCustomer endpoints and routing
Lecture 13: EditCustomer
Lecture 14: Loading and throttling
Lecture 15: Delete customer
Lecture 16: Styling
Chapter 7: Project 5: Easy Recipes
Lecture 1: Project intro
Lecture 2: Create React and Express apps
Lecture 3: Concurrently
Lecture 4: Mongoose, models and connect to DB
Lecture 5: Seed data
Lecture 6: Refactor DB Connection
Lecture 7: dotenv
Lecture 8: Recipes route
Lecture 9: API CRUD routes
Lecture 10: App JSX
Lecture 11: Routing
Lecture 12: store and apiSlice
Lecture 13: List recipes
Lecture 14: AddRecipe (slice and form)
Instructors
-
Vojislav K.
About Vojislav
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 0 votes
- 3 stars: 0 votes
- 4 stars: 0 votes
- 5 stars: 3 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024