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

From blog.miguelgrinberg.com 1 month 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

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

From blog.miguelgrinberg.com 2 weeks 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 3 weeks 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 4 weeks 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().

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

From blog.miguelgrinberg.com 2 months ago in Blogs

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

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

From blog.miguelgrinberg.com 2 months ago in Blogs

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!

The React Mega-Tutorial, Chapter 1: Modern JavaScript

From blog.miguelgrinberg.com 3 months ago in Blogs

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

Introducing the React Mega-Tutorial

From blog.miguelgrinberg.com 3 months ago in Blogs

Welcome to the React Mega-Tutorial! In this series I will share my experience in developing real-world, non-trivial front end applications using the React library and a handful of related packages. Unlike most other books and tutorials, the React Mega-Tutorial will...

API Authentication with Tokens

From blog.miguelgrinberg.com 7 months ago in Blogs

In this article I'm going to show you a few common patterns for client authentication based on tokens, and how can they be implemented in a Python API back end. This method of authentication works well for rich clients, like...

Using JavaScript-style async promises in Python

From blog.miguelgrinberg.com 7 months ago in Blogs

When you compare Python and JavaScript async code, you may think they are very much alike, since both use the async/await pattern. In reality, there is a significant difference between the two, which in my opinion, makes the JavaScript async...

Add a WebSocket Route to your Flask 2.x Application

From blog.miguelgrinberg.com 8 months ago in Blogs

The WebSocket protocol was standardized 10 years ago (in 2011, can you believe it?) so I'm sure for many of it you does not need an introduction. But in case you are not familiar with it, WebSocket is an extension...