Category: JavaScript

2022-09-12T11:38:43Z

The React Mega-Tutorial, Chapter 10: Memoization

An important part of React that you haven't seen yet is memoization, a technique that helps prevent unnecessary renders and improve the overall performance of the application. In this chapter you are going to learn how the React rendering algorithm works, and how you can make it work efficiently for your application.

2022-08-17T09:56:53Z

The React Mega-Tutorial, Chapter 9: Application Features

By now you have learned most of the React concepts you need to complete this application. This chapter is dedicated to building the remaining features of the application, with the goal of solidifying the knowledge you acquired in previous chapters.

2022-08-05T16:23:36Z

The React Mega-Tutorial, Chapter 8: Authentication

Up to this point, you have been using the Microblog API back end with an option to bypass authentication. This enabled the project to grow without having to deal with the highly complex matter of user authentication up front. In this chapter you will finally learn how to do this.

8 comments

2022-07-15T10:48:29Z

The React Mega-Tutorial, Chapter 7: Forms and Validation

A big part of most web applications is accepting, validating and processing user input. In this chapter you are going to learn how to perform these tasks with React by creating the user registration and login forms for Microblog.

2 comments

2022-06-15T11:48:42Z

The React Mega-Tutorial, Chapter 6: Building an API Client

In Chapter 5, the Posts component was modified to make an API call that gets data from the server. The way it was done, however, does not scale very well, because as the application continues to grow, there's going to be other components that will also need to make their API calls, and having to repeat the API calling logic in several places will be difficult to manage, especially considering that these calls are going to become more complex once authentication and pagination are implemented.

10 comments

2022-06-02T18:25:35Z

The React Mega-Tutorial, Chapter 5: Connecting to a Back End

In this chapter you are going to learn how the React application can communicate with a back end application to request data. While doing this, you will learn how to use the two most important React hooks: useState() and useEffect().

8 comments

2022-05-16T16:04:35Z

The React Mega-Tutorial, Chapter 4: Routing and Page Navigation

React is a Single-Page Application (SPA) framework, which means that from the point of view of the browser, only one web page is ever downloaded. Once that page is active, all the application state changes will happen through JavaScript events, without the browser having to fetch new web pages from the server. How then, can the application support page navigation?

2 comments

2022-05-01T15:27:44Z

The React Mega-Tutorial, Chapter 3: Working with Components

In Chapter 2, you wrote your first React component. In this chapter you will delve deeper into React as you learn how to create robust applications by combining and reusing components, not only your own but also some imported from third-party libraries.

8 comments

2022-04-16T14:22:32Z

The React Mega-Tutorial, Chapter 2: Hello, React!

In this chapter you will take your first steps as a React developer. When you reach the end you will have a first version of a microblogging application running on your computer!

11 comments

2022-04-02T10:18:17Z

The React Mega-Tutorial, Chapter 1: Modern JavaScript

The JavaScript language has evolved significantly in the last few years, but because browsers have been slow in adopting these changes a lot of people have not kept up with the language. React encourages developers to use modern JavaScript, so this chapter gives you an overview of the newest features of the language.

21 comments