What's this course about?
Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects, and build one big project called: Todo list app
JavaScript is the major driver of modern web applications since it's the only programming language that runs in the browser and hence allows you to provide highly reactive apps. You'll be able to achieve mobile-app like user experiences on the web.
But using JavaScript can be challenging - it quickly becomes overwhelming to create a nice web app with vanilla JavaScript and jQuery only.
React to the rescue!
React is all about components - basically, custom HTML elements - with which you can quickly build amazing and powerful web apps. Just build a component once, configure it to your needs, dynamically pass data into it (or listen to your own events!), and re-use it as often as needed.
Need to display a list in your app? It's as simple as creating a "List" component and outputting it as often as needed.
This course will start at the very basics and explain what exactly React is and how you may use it (and for which kind of apps). Thereafter, we'll go all the way from basic to advanced. We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux.
By the end of the course, you can build amazing React applications!
A detailed list of the course content can be found below.
This course is for you if ...
...you're just getting started with frontend/ JavaScript development and only got the JS basics set (no prior React or other framework experience is required!)
...know the React basics but want to refresh them and/ or dive deeper
...already worked quite a bit with React but want to dive deeper and see it all come together in a bigger app
You will learn these concepts below:
Learn how to use Codesandbox
Learn React from scratch
Conditional Rendering
React and it's advantages
JSX
Challenges after every topic
JSX attributes
Inline styling for react elements
Javascript ES6 concepts
React props
Mapping data to components
Using React dev tools
Login Project
React router and project
React Hooks (use state.use effect)
Event handling
form handling
Todo list project
Context API
Small project with context API
Redux
React-redux
C.R.U.D website using React-redux
Middleware in React-redux and a project on that
and many more things
I've built the course that I would have wanted to take when I was learning React. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.
