Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 5 Minute(s)
Language
English
Taught by
Jim Cooper
Rating
1 views
Course Overview
A quick start for existing developers new to React JS. Learn the core React concepts including React hooks.
Welcome to my React Crash Course Including React Hooks, your quick start guide on how to create React applications.
My name is Jim Cooper and I am an experienced video course author with more than 25 years of software engineering experience and 10 years of experience creating technical, front-end development learning content. In this course, I will walk you through building a React application from scratch.
By the end of this course, you will be able to create a new React application from scratch using create-react-app and understand key React JS terminology including ReactDOM and React JSX syntax.
This course skips over the boring introductions and summaries and quickly demonstrates, in code, how to create React applications. This is a particularly helpful format for experienced developers who are wanting to learn React.
This React crash course begins by teaching you how to create a new React application from scratch using create-react-app, including an introduction to how the plumbing of how a React app is bootstrapped. You'll learn what react is, how it uses ReactDOM to efficiently render content, and the important parts of React's unique JSX syntax.
In addition, you'll learn how to:
Create your own React JS components
Style your React components with css, css modules, and SASS
Display data and images in your React components
Share data across React components
Manage React component state (data which changes over time) with the useState() React hook
Respond to user events including mouse clicks
Define and link to URLs, routes and pages
Use URL Query and Route Parameters
Share state (data) across multiple React components
Access API data with the fetch() and useEffect() React hook
You'll learn all this and more as we build an e-commerce website that's both interesting and relevant to modern web development in this React Crash Course. The application built can be accessed on Github and the Github repo contains a checkpoint for each video in the course, so you can easily explore the application at any given point in the course.
You can apply the knowledge you learn in this course in your career as a React JS developer to sharpen your skills and stand out in today's competitive job market.
With all of that in mind, I hope to see you inside!
Course Content
- 4 section(s)
- 22 lecture(s)
- Section 1 Getting Started With React
- Section 2 React Components and Styling
- Section 3 Routing and Navigation with React Router
- Section 4 Sharing State and Accessing Server APIs
What You’ll Learn
- Create a React application from scratch
- Use React's JSX syntax
- Create React components
- Communicate between components
- Style React components with CSS in JS, CSS classes, CSS modules, and SASS
- Display images in React components
- Bind to data in React components
- Handle user input with events
- Manage component state with the useState() hook
- Access API data with the useEffect() hook
- Use React Router to define routes and pages (URLs)
- Link to routes/pages
- Access URL query/search parameters
- Define and use route parameters
Reviews
-
JJuliet Gavison
It isn't so far, way too easy
-
YYusuf NW
Really a good course for brushing up your skills but if you're new then I wouldn't recommend it as just like it's name lightspeed, it's really fast paced. Overall, a good course. Really enjoyed it as someone who just wanted a taste of React.
-
SStephen Kinuthia
Thank you so much for the course it is really educative I recommend the course to everyone seeking to have a smooth quick learning curve
-
AAman Kumar
The content was well structured and the explanations was good.
