This plan includes
- Limitedfree coursesaccess
- Play & PauseCourse Videos
- VideoRecorded Lectures
- Learn onMobile/PC/Tablet
- Quizzes andReal Projects
- Lifetime CourseCertificate
- Email & ChatSupport
What you'll learn?
- Create dynamic web apps using the latest in web technology
- Acquire the programming skills needed to obtain a software engineering job
- Practice your skills with many large projects, exercises, and quizzes
- Master the fundamentals concepts behind React and Redux
Course Overview
Congratulations!
You've found the most popular, most complete, and most up-to-date resource online for learning ReactJS in 30 Days!
Thousands of other engineers have learned React, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React work, and will get you a new job working as a software engineer or help you build that app you've always been dreaming about.
The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.
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 can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high. It's a great time to learn React!
----------------------
What will you build?
This course features an ample number of videos with dozens of custom diagrams to help you understand how React work. No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you'll learn the fundamentals of building dynamic and live web apps using React.
Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You'll find plenty of discussion added in to help you understand exactly when and where to use each feature of React.
My guarantee to you: there is no other course online that teaches more features of React. This is the most comprehensive resource there is.
Below is a partial list of the topics you'll find in this course:
-
Master the fundamental features of React, including JSX, state, and props
-
From square one, understand how to build reusable components
-
Dive into the source code of Redux to understand how it works behind the scenes
-
Test your knowledge and hone your skills with numerous coding exercises
-
Integrate React with advanced browser features, even geolocation API's!
-
Use popular styling libraries to build beautiful apps
-
Master different techniques of deployment so you can show off the apps you build!
-
See different methods of building UI's through composition of components
Besides just React, you'll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword 'this' in Javascript that you'll ever hear.
This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.
Pre-requisites
- A Mac or Windows Computer
Target Audience
- Programmers looking to learn React
- Developers who want to grow out of just using jQuery
- Engineers who have researched React but have had trouble mastering some concepts
Curriculum 60 Lectures 03:59:44
Section 1 : Day 01 : Introduction to React
Section 2 : Day 02 : Set Up Your First React Project
- Lecture 1 :
- Set Up React (create react app)
- Lecture 2 :
- Setup React (ViteJS)
Section 3 : Day 03 : JSX and ReactDOM.render()
- Lecture 1 :
- What is JSX?
- Lecture 2 :
- ReactDOM.render()
- Lecture 3 :
- Import React
Section 4 : Day 04 : React Functional Components
- Lecture 1 :
- Functional Component
- Lecture 2 :
- Functional Component
Section 5 : Day 05 : React Component (Class)
- Lecture 1 :
- Class Components
- Lecture 2 :
- Create a Component Class
Section 6 : Day 06 : Rendering Arrays & Mapping Components
- Lecture 1 :
- Rendering Arrays
- Lecture 2 :
- Mapping Components
Section 7 : Day 07 : Conditional Rendering
- Lecture 1 :
- Conditional Rendering
Section 8 : Day 08 : Props & Destructuring props
- Lecture 1 :
- Props
- Lecture 2 :
- Props & Destructuring props
- Lecture 3 :
- Passing data to component using props
Section 9 : Day 09 : Spreading objects as props
- Lecture 1 :
- Key Prop
- Lecture 2 :
- Spreading objects as props
Section 10 : Day 10 : Sate Hooks #1: useState()
- Lecture 1 :
- Why Use Hooks?
- Lecture 2 :
- Read State & Set State
Section 11 : Day 11 : useState() Array Destruturing
- Lecture 1 :
- useState Array Destruturing
- Lecture 2 :
- Arrays in State
- Lecture 3 :
- Objects in State
Section 12 : Day 12 : Advanced States Management
- Lecture 1 :
- Set From Previous State
- Lecture 2 :
- Separate Hooks for Separate States
- Lecture 3 :
- Lesson Review
Section 13 : Day 13 : Passing State As Props Conditional Rendering
- Lecture 1 :
- Passing state as props
Section 14 : Day 14 : Local State & Unified state
- Lecture 1 :
- Local state
- Lecture 2 :
- Unified state
Section 15 : Day 15 : React Forms & Forms Inputs
- Lecture 1 :
- React Forms Basics
- Lecture 2 :
- React Forms
Section 16 : Day 16 " Forms Object State
- Lecture 1 :
- Forms Object State
Section 17 : Day 17 : Submit Form
- Lecture 1 :
- Submit form
Section 18 : Day 18 : Making API Calls
- Lecture 1 :
- Fetch API
Section 19 : Day 19 : useEffect
- Lecture 1 :
- What is useEffect?
- Lecture 2 :
- Fetch Data
- Lecture 3 :
- Lesson Review
Section 20 : Day 20 : Local Storage with React
- Lecture 1 :
- Local Storage in React
Section 21 : Day 21 : Lazy State Initialization
- Lecture 1 :
- Intro
- Lecture 2 :
- useState Lazy initialization
- Lecture 3 :
- dispatch function updates
- Lecture 4 :
- Conclusion
Section 22 : Day 22 : Routing With React Router(Part 1)
- Lecture 1 :
- Basics of Routing
- Lecture 2 :
- Routing With Buttons
Section 23 : Day 23 : Routing With React Router(Part 2)
- Lecture 1 :
- Dynamic Routes
- Lecture 2 :
- useParams
Section 24 : Day 24 : State Hooks #2
- Lecture 1 :
- useReducer()
Section 25 : Day 25 : Effect Hooks
- Lecture 1 :
- useLayoutEffect()
- Lecture 2 :
- useInsertionEffect()
Section 26 : Day 26 : Context Hooks
- Lecture 1 :
- useContext()
Section 27 : Day 27 : Ref Hooks
- Lecture 1 :
- useRef()
- Lecture 2 :
- useImperativeHandle()
Section 28 : Day 28 : Performance Hooks
- Lecture 1 :
- useMemo
- Lecture 2 :
- useCallback
- Lecture 3 :
- useTransition()
Section 29 : Day 29 useReducer & other hooks
- Lecture 1 :
- useReducer
Section 30 : Day 30 Redux
- Lecture 1 :
- What is Redux
Section 31 : Day 31 Coding Challenge
- Lecture 1 :
- To-do list
Section 32 : Day 32 Bonus - Learn React By Building Projects
Our learners work at
Frequently Asked Questions
How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.Is there any free trial?
Currently, we do not offer any free trial.Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
Instructor
9278 Course Views
10 Courses