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

From blog.miguelgrinberg.com 10 months ago in Blogs

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...

Articles from Miguel Grinberg

What's New in SQLAlchemy 2.0?

From blog.miguelgrinberg.com 1 month ago in Blogs

You may have heard that a major version of SQLAlchemy, version 2.0, has been released in January 2023. Or maybe you missed the announcement and this is news to you. Either way, I thought you'd be curious to know what's...

The React Mega-Tutorial, Chapter 12: Production Builds

From blog.miguelgrinberg.com 4 months ago in Blogs

You have an application that you have been using in your own computer during development. How do you put this application in front of your users? In this chapter you are going to learn how to work with production builds...

The React Mega-Tutorial, Chapter 11: Automated Testing

From blog.miguelgrinberg.com 5 months ago in Blogs

Up to now, all the testing done on the application you've built was manual. Manual testing as you develop your application is useful, but as the application grows the required testing effort grows as well, until it becomes so time-consuming...

The React Mega-Tutorial, Chapter 10: Memoization

From blog.miguelgrinberg.com 6 months ago in Blogs

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...

The React Mega-Tutorial, Chapter 9: Application Features

From blog.miguelgrinberg.com 7 months ago in Blogs

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.

The React Mega-Tutorial, Chapter 8: Authentication

From blog.miguelgrinberg.com 8 months ago in Blogs

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...

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

From blog.miguelgrinberg.com 8 months ago in Blogs

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.

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

From blog.miguelgrinberg.com 9 months ago in Blogs

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...

Beautiful Flask Tables, Part 2

From blog.miguelgrinberg.com 10 months ago in Blogs

It's been almost a year since I published my Beautiful Interactive Tables for your Flask Templates article, in which I showed a few example tables, rendered from a standard Flask and Jinja template, with some JavaScript help. I have received...

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

From blog.miguelgrinberg.com 10 months ago in Blogs

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().