Exposing CSS Hidden Complexities with React
This post is an exploration of this hypothesis applied to 3 common CSS features:
- Media queries
I’ve also created an accompanying Github repo with full, working examples of all the snippets shown in this post.
The State of CSS
CSS has quietly been improving by leaps and bounds lately. So much so, that you may not even recognize it much anymore. While you weren’t looking, the CSS community has developed real solutions to many of the oddities, hacks, and deficiencies that made CSS the black sheep of the front end family in the past.
In this post I’ll reveal 5 old-fashioned CSS things that you don’t need to do anymore, and what you should do instead.
- You don’t need a naming convention.
- You don’t need float.
- You don’t need a grid framework.
- You don’t need a preprocessor.
- You don’t need CSS.
Conceptualizing How a Modern Single Page App is Served
I’ve noticed some confusion in how Single Page Applications are served among developers who are new to these apps. This post is a short explanation of how a Single Page Application gets from the web server to a user’s web browser.
All the examples I show in this post show builders that are only for testing purposes. While the builder pattern can be used in production code, the builders shown below are not appropriate for production code because they contain pre-canned default values. Leave these in your test suite.