Get up and running with the world’s leading game engine.
About This Video
Understand the core concepts involved in thinking and structuring code in React.
Jump straight into any React project.
Use tools and resources to accomplish your goals.
In Detail
Want to make the process of building modular, reusable user interface components simple and intuitive? React.js is the answer, with its Learn Once, Write Anywhere approach. This course will help you understand the …
Learning React
Video description
Get up and running with the world’s leading game engine.
About This Video
Understand the core concepts involved in thinking and structuring code in React.
Jump straight into any React project.
Use tools and resources to accomplish your goals.
In Detail
Want to make the process of building modular, reusable user interface components simple and intuitive? React.js is the answer, with its Learn Once, Write Anywhere approach. This course will help you understand the power behind this approach and build beautiful, modern, and modularized UIs with React’s latest version.
This course will cover all of the React.js basics such as its API, which will help you create elements and components; the virtual DOM and the JSX syntax extension; using state; working with browser events; and component lifecycle methods. You will build an application from scratch throughout the course and use the knowledge you've gained in a practical way. You will also learn to update various elements of a site or application seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh. Also, get introduced to the new concept of hooks.. Finally, you will work with a server API to persist data using local storage.(Note that we use Node.js 10.13.0 for this course, which will run successfully with the React features we cover.)
By the end of the course, you will be fully capable of using ReactJ.js tools to build several UI elements, making them reactive to user input, and extending your knowledge of DOM manipulation to customize your own UIs in the future.
Audience
If you are a web developer, JavaScript developers and want to learn and build front-end of your web applications with modernized UI, then this is the course you need!Web Developers and Programmers who want to learn React.js by taking an engaging, step-by-step approach, will benefit from this course.
Local React Dev Environment Setup with create-react-app
Building Our First Custom React Component
Using State and Conditional Rendering in JSX
Using React Dev Tools to Help Build and Debug Our Apps
Chapter 2 : Dive into Interactive React Apps
Handle Mouse, Keyboard, Form, and Browser Events
Basic Form Validation
Create a Shopping List Component
Persist Shopping List State with Local Storage
Chapter 3 : Modular React Components and Shared State
Overview:Mini Address Book App
Use Stateful and Stateless Components to Build UIs
Pass Props Down to Nested Components
Update Parent Component State from a Child Component
Persist Address Book State with Local Storage
Intro to Hooks
Implement the useState and useEffect
Chapter 4 : Multi-Page React Apps with React Router
Overview: Multi-Page React App
React Router 5 Setup and Configuration
Handle Dynamic URL Values, and Error State
Convert Render Props into Components
Conditionally Render Components, Redirects
Chapter 5 : Fetch Data from Third-Party APIs
Overview: React App + Star Wars API
Fetch DATA from swapi.co
Extract Logic into Separate Components
Fetch Data Based on URL/Route
Persist API Data in Local Storage
Chapter 6 : Prepare and Deploy React Apps to Production
Build React App to Optimize for Production
Deploy to Netlify: Drag and Drop
Deploy to Netlify: Command Line
Deploy to Netlify: Continuous Deployment
What’s Next? Eject from CRA, More Hosting Options
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept