This React.JS course is designed to introduce the React JavaScript library for building user interfaces.
This React.JS course is designed to introduce the React JavaScript library for building user interfaces. This course is suitable for beginners with little to no prior experience in React.
Throughout this course, you will learn the fundamental concepts of React, including how to set up a React development environment, how to create components and manage state, how to handle user events, and how to work with React's powerful rendering engine.
In addition to the core concepts of React, you will also learn best practices for organizing and structuring your React applications, as well as how to use popular React tools. You'll also explore the key differences between React and plain JavaScript, including the benefits of using a component-based approach to building user interfaces.
By the end of this course, you will have a solid understanding of React and be able to build basic React applications from scratch. Whether you are looking to start a career in web development or simply want to add React to your skillset, this course is a great starting point.
Learning Objectives
- Understand what React components are
- Understand when to use React
- Understand how to use ES6+
- Understand React class components
- Understand component props
Skills you’ll gain
Create React AppJavaScript LibrariesNode.js (Javascript Library)React JsxReact VRReact.js (Javascript Library)What You'll Learn
- Set up a React development environment using the Create React App utility
- Create React components and manage component props and state
- Use ES6+ functions and JSX to render components
- Apply React hooks including useEffect, useState, useCallback, and useMemo
- Implement multiple components with routing and navigation
- Pass data using custom hooks with the Context API
Key Takeaways
- React is a JavaScript library for building user interfaces using a component-based approach.
- The course covers both class components with lifecycle functions and functional components with hooks.
- Learners explore the key differences between React and plain JavaScript, including JSX versus regular HTML.
- The course teaches best practices for organizing and structuring React applications and folder structure.
- By the end, learners can build basic React applications from scratch.
Frequently Asked Questions
Who is this course for?
It is suitable for beginners with little to no prior experience in React who want to start a career in web development or add React to their skillset.
What will I be able to do after completing this course?
You will have a solid understanding of React and be able to build basic React applications from scratch.
What topics does this course cover?
It covers React fundamentals including setting up a development environment, creating components, managing state, handling user events, working with React's rendering engine, hooks, routing and navigation, and the Context API.
Do I need prior React experience?
No. The course is designed for beginners with little to no prior experience in React and introduces the React library from the ground up.
What is the difference between React and plain JavaScript covered here?
The course explores why to use React rather than JavaScript, the benefits of a component-based approach to building user interfaces, and JSX versus regular HTML.
Transcript
Show transcript (free preview lesson)
Transcript of the free preview lesson. Remaining lessons unlock with the full course.
Hello, and welcome to Knowledge City's course for React. My name is Tony. I am a professional developer with over 25 years of application development, architecture experience, and I will be your instructor. In this course you will learn about React JS and why it exists. We will also go over class components, functional components and dataflow. We will take a look and familiarize ourselves with command line interface commands, otherwise known as CLI commands. By the end of this course, you will be able to understand why use React over regular JavaScript, how to use HTML and JSX when creating a React component, and understand how to use React Context API and utilize custom hooks to pass data and inside a React Web application. Let's get started.
Learn on the Go
Take your learning anywhere — the KnowledgeCity mobile app lets you watch lessons on the go.