Archiving Robust UI
Robust UI E-book Cover Long overdue, I've archived my Robust UI e-book landing page. While the content about React component…
Categories
React
Articles
Private and public functions in React
With Frontend libraries like React, we often don't use classes. But the same public/private differentiation can be made through…
Testing Hooks - Hooks for mass consumption
This is part three in a series on Testing Hooks The final category of hook usage is one of utility. These are hooks from libraries…
Testing Hooks - Hooks for code reuse
This is part two in a series on Testing Hooks In the last section where we shuffled around some code to make it more readable, we…
Testing Hooks - Hooks for code organization
This is part one in a series on Testing Hooks The first category of hook usage is code organization to make our code easier to…
How to test React Hooks
The primary category of React hook usage is code reuse between components. When trying to determine a testing strategy for a…
How to test Compound Components
For a quick overview on Compound Compounds check out this article. Compound components are made up of many component parts. The…
How to test React Context
React Context is a tool for designing flexible Component APIs. How we test it depends on the situation, we are going to explore…
How to test SVG Graphs
This article is walk-through of testing a React Bar Graph with Jest and React Testing Library. The style of tests documented here…
Transforming data for simpler components
Often we can end up with complex logic in components because the shape of the data determines how we write our component code…
Goodbye presentational and container components?
I had been following the Presentational and Container pattern invented by Dan Abramov, although it seems that even Dan has changed…
React Component API Design
This article will go over some component API design patterns at a high level without getting into implementation details of…
Compound Components: What, Why and When.
What are Compound Components? It's a base component that expects to be combined with other component parts. Below the is the base…
useSelector vs connect (react-redux)
React-redux hooks like and the can have the same outcomes. The main difference between them is their ability to nudge (guide…
Reacts missing conditional class utility
AngularJS has ng-class for conditionally applying classes. This is a replacement for that in React. At accelo we are in the…
Creating a chrome extension with parcel
This article is not a tutorial on how to build a chrome extension from scratch. Maybe you know how to make an extension with…
Creating category pages for gatsby markdown blogs
This article contains a strategy for creating category list pages from categories defined in a markdown article. There is an…