React is one of the most popular and in demand technology in modern web development!

This course is designed to teach you everything you need to know to build modern applications using React.

Using a component based approach, React allows you to build interactive user interfaces using Javascript.

This course is completely project based and everything you learn will be instantly put into practice into one big project.

We will be building a Trello inspired project which will allow us to take advantage of React's features including:

Scaffolding projects using Create React App
React file and folder structure and what they do
What components are and how to use them
Writing JSX
Class based and function components
Managing state
Looping through data
Using props to pass data and methods to components
Prop validation
Styling components
Forms and inputs using controlled and uncontrolled components
Setting up React router
Passing router props
URL Parameters
Using withRouter and push
Using the router to pass state
Context API

This course is designed for beginners to React, or if you have tried it before and not quite managed to grasp it.

Although HTML, CSS and some basic Javascript experience will help you get the most out of this course.

However we don't stop there! Even thought React handles our user interface, most apps also need a backend too.

We make use of Firebase to provide a realtime database to our project.

This will allow us to not only store our data, but also to keep subscribed to any database changes as they happen, along with the following:

Setting up a Firestore database
Pushing and reading data from our database
Updating and deleting data
Sorting and filtering data
Realtime data using onSnapshot
Handling document changes

We also use Firebase to handle authentication. Users can sign up, log in and out, allowing users to have their own personal boards which only they can see and edit.

We take advantage of React's Context API to pass the users auth state throughout our application, and handle conditional rendering.

To round things off we look at how to build our project for production, and then deploy for the rest of the world to see!

So, if you are looking to learn React, along with building a fun project, enrol in this course and I will see you in class!

Vittorio Andrade

--

1