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.