React.js Academy for Beginners with Firebase

React is one of the most popular and in-demand technologies in modern web development. Using a component-based approach, React allows you to build interactive user interfaces using JavaScript.

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

You’ll learn to build a Trello-inspired project that will enable you to take advantage of React's features:

• Scaffolding projects using the Create React app
• React file and folder structures 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

You won't stop there! Even though React handles the user interface for us, most apps also need a backend. You’ll use Firebase to provide a real-time database for your project. This will help you not only to store your data, but also to be subscribed to any database changes as they happen. You’ll learn how to do the following:

• Set up a Firestore database
• Push and read data from our database
• Update and delete data
• Sort and filter data
• Work with real-time data using onSnapshot

This course will guide you in using Firebase to handle authentication. Users can sign up and log in and out, allowing them to have their own personal boards that only they can see and edit. You’ll also take advantage of React's Context API to pass the user's auth state throughout your application and handle conditional rendering. To round things off, you’ll look at how to build your project for production and then deploy it for the world to see!

Type
video
Category
publication date
2019-10-31
what you will learn

Looping through data, components, and lifecycle methods
Study core React concepts such as props, state, JSX, forms, and validation
Create, read, update, and delete data from Firebase
Understand how users sign up and log in and log out, along with listening for changes
Dealing with document changes, updating in real-time, and conditional rendering
Explore authentication and the Context API
Build apps for production and deployment

duration
390
key features
Learn React using a hands-on, project-based approach by building a feature-rich app from scratch * Get to grips with Firebase and create a real-time database with authentication * Expand your core JavaScript and development knowledge using one of the most popular technologies in the industry
approach
You will not only learn to React, but will also be able to put all of your newly developed skills into practice. Everything you learn will be applied directly to a real-world project, so you can see exactly how things fit together. While building your project, you'll encounter common pitfalls and learn how to overcome them.
Additionally, you'll master how the library interacts with other packages and services such as Firebase, user authentication, routing, and building apps for production.
audience
If you’re new to React and frontend frameworks in general, this course is for you. If you come from a different framework or library such as Vue or Angular, you can use it as a great introduction to how React compares. Learning React will expand your core JavaScript knowledge and introduce you to backend technologies. This course is also for anyone keen to learn Firebase or add a real-time database with authentication. Although this course is for novice React developers, you’re expected to have at least basic knowledge of JavaScript and web design/development.
meta description
Learn React by building a Trello-inspired application with a real-time database and authentication!
short description
Learn React by building a Trello-inspired application with a real-time database and authentication!
subtitle
Learn React by building a Trello-inspired application with a real-time database and authentication!
keywords
React.js, React project, realtime database, authentication, Prop validation, React Context API
Product ISBN
9781839216251