Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Introduction to React - Practical Course | Codefinity

Unsure where
to begin?

Course
Certificate
Introduction to React
Intermediate
In this course, we will learn how to use the JavaScript React library for making front-end applications. This course will help you understand the structure of a React application, how to add it to an existing website, and how to set up a React app from scratch. Show more
37 chapters
5 hours
PythonChatGPTSQLNumPyRPandasHTMLReactCJavaJavaScriptReduxC++PythonChatGPTSQLNumPyRPandasHTMLReactCJavaJavaScriptReduxC++
PythonChatGPTSQLNumPyRPandasHTMLReactCJavaJavaScriptReduxC++
Over 1.5 million
people have chosen

Codefinity to upgrade
tech skills
What you will learn
1
Getting Started: ES6
In this section we will explore why React is useful and why it is worth learning it at all. We will also learn one prerequisite, ES6, which will be used throughout the course.
View chapter details
2
Getting Started: JSX
In this section, we will learn another prerequisite - JSX which will be used throughout the course. Finally, we will explore some example code to get acquainted with React.
View chapter details
3
React in Practice
In this section we will learn about the essential and practical parts of React excluding the components – which will be covered in the next section. We will look at how JSX can be used with React, and how to create and render more complex elements in the React DOM using JSX. We will also learn how to set up a React based project, and we will explore its structure for deepening our understanding.
View chapter details
Show more
1
Getting Started: ES6
In this section we will explore why React is useful and why it is worth learning it at all. We will also learn one prerequisite, ES6, which will be used throughout the course.
View chapter details
2
Getting Started: JSX
In this section, we will learn another prerequisite - JSX which will be used throughout the course. Finally, we will explore some example code to get acquainted with React.
View chapter details
3
React in Practice
In this section we will learn about the essential and practical parts of React excluding the components – which will be covered in the next section. We will look at how JSX can be used with React, and how to create and render more complex elements in the React DOM using JSX. We will also learn how to set up a React based project, and we will explore its structure for deepening our understanding.
View chapter details
4
React Components
In this section you’ll be introduced to React components. We will look at what React components are and why we need them. We will explore the two different types of React components and learn the syntax for creating them. We will use them to create a single page application that displays X.
View chapter details
5
Controlling Data & Content
In this section we will learn more about how to combine JavaScript and JSX to create dynamic content. We will also learn how to pass data between components. In the end we will also explore event handling.
View chapter details
6
Hooks
In the end of the previous chapter, we tried making a Todo application though in our attempt to do so we soon discovered that we needed some method for re-rendering the components once the data is updated in a component as React wasn’t automatically doing that for us. In this section we will learn how to fix such issues using ‘Hooks’. We will learn and implement hooks in detail. By the end of this section, you will be able to create stateful components in React and combine them to create complex web applications.
View chapter details
7
React Router
In this chapter we will learn how to add different pages to our React application and render different components based on URL. You will gain sufficient knowledge to be able to create multi-page applications.
View chapter details
GoogleIntelFedExMetaTwitterNikeAmazonMicrosoftTesla
Trusted by employees of leading companies
We have students from each letter of MAANG and many more companies
Data Engineer
Certificate of Completion
Showcase your newly acquired skills. You've earned it
Main directions
Data Science
Elevate your skills with Python's simplicity, versatility, and robust libraries.
WEB Development
Enable your web development with dynamic and scalable applications.
Data Analytics
Extract insights with facilitation and create powerful visualizations.
Show More
Over 200,000 5-star ratings
and counting
Ruslan Kravchuk
The main thing is to learn and not give up
The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....
Matteo Comune
Thanks to them I'm learning a lot…
Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...
Yuliana Cadavid
great course for beginners
great course for beginners, they test your knowledge in every lesson...
Elpunzon
I am enjoying my Codefinity experience…
I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...
Alexandru Alexandru
Is nice to learn from codefinity
Is nice to learn from codefinity. Its easy and have good examples on what I learned here...
jacob Templet
Easy to follow along with and provides...
Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...
Elan
Codefinity is a comprehensive learning…
Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...
Thibault
First time learning how to code
First time learning how to code and successfully doing so with codefinity - thank you...
Adrien Morel
Well designed for total beginners
Well designed for total beginners, incremental progress and makes me feel confident....
_Gracy
it's simply perfectly well explained
it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...
Ruslan Kravchuk
The main thing is to learn and not give up
The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....
Matteo Comune
Thanks to them I'm learning a lot…
Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...
Yuliana Cadavid
great course for beginners
great course for beginners, they test your knowledge in every lesson...
Elpunzon
I am enjoying my Codefinity experience…
I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...
Alexandru Alexandru
Is nice to learn from codefinity
Is nice to learn from codefinity. Its easy and have good examples on what I learned here...
jacob Templet
Easy to follow along with and provides...
Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...
Elan
Codefinity is a comprehensive learning…
Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...
Thibault
First time learning how to code
First time learning how to code and successfully doing so with codefinity - thank you...
Adrien Morel
Well designed for total beginners
Well designed for total beginners, incremental progress and makes me feel confident....
_Gracy
it's simply perfectly well explained
it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...
Chosen by students of top schools
Including 30 out of top-30 U.S. colleges
virginia
texas
michigan
duke
berkeley
yale
mit
brown
carnegie
rochester
california
connecticut
massachusetts
city-new-york
virginia
texas
michigan
duke
berkeley
yale
mit
virginia
texas
michigan
duke
berkeley
yale
mit
brown
carnegie
rochester
california
connecticut
massachusetts
city-new-york
virginia
texas
michigan
duke
berkeley
yale
mit
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana

We are ready to answer your questions

How do I get access to the platform?

faq-icon

What if I have questions while learning?

faq-icon

Is a tech degree necessary for learning?

faq-icon

Still have questions?

Write your question here

Accelerate your career with professional guidance
some-alt