JavaScript is the major driver of modern web applications since it’s the only programming language which 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 of users in your app? It’s as simple as creating a “User” component and outputting it as often as needed.
The Udemy course “React 16 – The Complete Guide (incl. React Router 4 & Redux)” explains exactly what React is and how you may use it (and for which kind of apps). It doesn’t just scratch the surface but instead dives deeply into React as well as popular libraries like react-router and Redux. By the end of the course, you can build amazing React (single page) applications! And you’ll be able to apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now.
React 16 – The Complete Guide (incl. React Router 4 & Redux) – Course Content
In this course, you’ll learn React from scratch! You’ll learn Reactjs, Redux, React Routing, Animations, Next.js basics and way more! Topics include:
- The “What”, “Why” and “How”
- React Basics (Base features, syntax and concepts)
- How to output lists and conditional content
- Styling of React components
- A deep dive into the internals of React and advanced component features
- How to access Http content from within React apps (AJAX)
- Redux, Redux, Redux … from basics to advanced!
- Forms and form validation in React apps
- Authentication
- An introduction to unit testing
- An introduction to Next.js
- React app deployment instructions
- …and much more!
The Course comprises 418 Lectures organized into the following sections:
- Getting Started
- Refreshing Next-Generation JavaScript (Optional)
- Understanding the Base Features & Syntax
- Working with Lists and Conditionals
- Styling React Components & Element
- Debugging React Apps
- Diving Deeper into Components & React Internals
- A Real App: The Burger Builder (Basic Version)
- Reaching out to the Web (Http / Ajax)
- Burger Builder Project: Accessing a Server
- Multi-Page-Feeling in a Single-Page-App: Routing
- Adding Routing to our Burger Project
- Forms and Form Validation
- Redux
- Adding Redux to our Project
- Redux Advanced
- Redux Advanced: Burger Project
- Adding Authentication to our Burger Project
- Improving our Burger Project
- Testing
- Deploying the App to the Web
- Bonus: Working with Webpack
- Bonus: Next.js
- Bonus: Animations in React Apps
- Bonus: A Brief Introduction to Redux Saga
- Bonus: Building the Burger CSS
- Next Steps and Course Roundup
Requirements
- JavaScript + HTML + CSS fundamentals are absolutely required
- You DON’T need to be a JavaScript expert to succeed in this course!
- ES6+ JavaScript knowledge is beneficial but not a must-have
- NO prior React or any other JS framework experience is required!
Summary of Course Main Features
- Instructor: Maximilian Schwarzmüller – Professional Web Developer and Instructor
- Lectures: 418
- On-demand video: 33 hours
- Articles: 41
- Supplemental Resources: 153
- Includes:
- 30-Day Money-Back Guarantee
- Full lifetime access
- Access on mobile and TV
- Assignments
- Certificate of Completion
Price: $190
Visit the Course Page
Similar Posts You May Like:
Master The Fundamentals of React and Redux as You Develop Apps
Learn Advanced React and Redux
Complete Developers Guide: Ruby on Rails & React with Redux
Master Angular and Build Awesome, Reactive Web Apps
Learn Web Development – HTML, CSS, JS, Node, and More!
Learn Advanced JavaScript With This Online Course
Build amazing Vue.js Applications
Master the Fundamentals of React as You Develop Applications
Learn The Basics of What Inbound Is All About – Free Course
Build iOS Mobile Apps From Scratch With React Native
