Modern React with Redux
4.0 /5- Offered byUDEMY
Modern React with Redux at UDEMY Overview
Duration | 52 hours |
Mode of learning | Online |
Difficulty level | Beginner |
Official Website | Go to Website  |
Credential | Certificate |
Modern React with Redux at UDEMY Highlights
- Build amazing single page applications with React JS and Redux
- Master fundamental concepts behind structuring Redux applications
- Realize the power of building composable components
- Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
- Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax
Modern React with Redux at UDEMY Course details
- 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
- 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
- Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers have learned React and Redux, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux 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!
Modern React with Redux at UDEMY Curriculum
Let's dive in
How to get help
Our first app
Critical questions!
Installing Node JS
Important Update About React App Generation
Generating a React Project
Why Create React App?
Exploring a Create-React-App Project
Starting and Stopping a React App
Javascript Module Systems
Displaying Content with Functional Components
Link to Completed Github Repo
Common Questions About My Environment
Building Content with JSX
What is JSX?
Converting HTML to JSX
Inline Styling with JSX
Converting Styling to JSX Format
Class vs ClassName
Referencing JS Variables in JSX
Values JSX Can't Show
Finding Forbidden Property Names
Exercise Introduction
Test Your Knowledge: JSX Interpolation
JSX Exercise Solution
Communicating With Props
Three Tenets of Components
Application Overview
Semantic UI CDN Link
Getting Some Free Styling
Naive Component Approach
Important Note about Faker Images
Specifying Images in JSX
Duplicating a Single Component
Extracting JSX to New Components
Component Nesting
React's Props System
Passing and Receiving Props
Passing Multiple Props
Passing Props - Solutions
Component Reuse
Implementing an Approval Card
Showing Custom Children
Component Reuse
Exercise - Props
Test Your Knowledge: Props
Props Exercise Solution
Exercise - Children
Test Your Knowledge: Children Through Props
Children Exercise Solution
Structuring Apps With Class-Based Components
Class-Based Components
Application Overview
Scaffolding the App
Getting a Users Physical Location
Resetting Geolocation Preferences
Handling Async Operations with Functional Components
Refactoring from Functional to Class Components
State in React Components
The Rules of State
Initializing State Through Constructors
Updating State Properties
App Lifecycle Walkthrough
Handling Errors Gracefully
Conditionally Rendering Content
Understanding Life Cycle Methods
Introducing Lifecycle Methods
Why Lifecycle Methods?
Refactoring Data Loading to Lifecycle Methods
Alternate State Initialization
Passing State as Props
Other courses offered by UDEMY
Student Forum
Anything you would want to ask experts?