Q7qdrppgtj2prlzm6jck

React.js Academy for Beginners with Firebase

Learn React by building a Trello inspired application with a realtime database & authentication!

   Watch Promo

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!


Your Instructor


Chris Dixon
Chris Dixon

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris


Course Curriculum


  Deployment
Available in days
days after you enroll
  Thank You
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!