Diving into the new JSX transform (blog.logrocket.com)
Sep 24, 2020
With React 17, you no longer need to import React in your files to use React. Confused? This article will tell you what you need to know in order to migrate both your code and knowledge to this new way of doing things.
How To Render Relevant Icons Based on Content (aboutmonica.com)
Sep 12, 2020
This article walks through how I display relevant, themed icons when linking to content on this site based on the topic or type of content. If you've visited the homepage of this site, I use a variation of this component to display my recent content, featured content, and recent video lessons.
Add an Item to a List in React (robinwieruch.de)
May 14, 2020
It's a common task in React to add an item to a list. Here I want to show you briefly how this works. Every time you want to modify something in React, for example a list where you want to add an item, you have to use React's state management.
The state of semantic JSX (blog.logrocket.com)
Aug 23, 2019
React: JSX & Rendering (itnext.io)
Apr 30, 2019
In this article, we’re going to take a look at what JSX is & why we should use it in our React applications. We’ll also take a look at what elements are, and how we can render them to the DOM.
Alternatives to JSX (blog.bloomca.me)
Feb 23, 2019
JSX is a very popular choice nowadays for templating in various frameworks, not just in React (or JSX inspired templates). However, what if you don’t like it, or have a project where you want to avoid using it, or just curious how you can write your React code without it?
Transforming Elements In React (medium.com)
Jul 02, 2018
Transforming elements can be interesting if you’re a library author, but can also be very valuable when writing components to abstract behaviour in your existing code base.
React Code Style Guide (css-tricks.com)
Mar 27, 2018
I’ve had a hard time finding good code style guidelines to keep the mix of JSX and JS clean and readable. I've been coming up with my own style guides that I'd love to share.