Issue #219 · July 12, 2021

How to Structure and Organize a React Application

“The function of good software is to make the complex appear to be simple”

This issue is kindly sponspored by:

We help upcoming influencers and businesses do big things 🚀

Start scheduling content today for free here.

How to Structure and Organize a React Application

How to Structure and Organize a React Application

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the responsibility to design your own architecture.  This article, provides an opinionated guide to setting up the architecture for a new React application.

Articles

Unicode sorting is hard

You probably know Unicode and what's used for today... but there are sort of interesting tales about the nuances of Unicode encoding. In this article, you can learn something about Unicode sorting... Spoiler: it is "interesting" and "hard" at the same time!

When a Click is Not Just a Click

The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element

Encoding data for POST requests

Don't do it like GitHub Copilot! Encoding HTTP POST requests requires a bit of diligence in following the protocol. Make sure you do that if you want to make sure requests can be correctly parsed by servers!

Book of the week

CSS Secrets: Better Solutions to Everyday Web Design Problems

CSS Secrets: Better Solutions to Everyday Web Design Problems

by Lea Verou

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems. Rather than focus on design, CSS Secrets shows you how to solve problems with code. You'll learn how to apply Lea's analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.