1. Set multiple React refs in one variable

    Storing multiple refs to an array or an object.

  2. Accessible tabbed navigation with React

    Modern and accessible tabbed navigation which spark joy in the user and in the dev.

  3. Perfect iframe React component

    Here’s a cool iframe component that loads fast and is accessible.

  4. Simplest way to style list bullets with Unicode characters

    Here’s a simple way to style lists in CSS, without touching the HTML or adding SVGs.

  5. Render a nested list with a recursive React component

    When rendering deep lists, recursion is pretty much the only right way to do it. Recursive React components work like a charm.

  6. Some text shadow effects

    Here’s some text shadow effects like outline, fake bold, and blurry text.

  7. Tmux cheat sheet

    A searchable tmux keyboard shortcut and command reference.

  8. How to MDX with Gatsby

    An introduction to MDX, and how to configure and set it up on an existing Gatsby site.

  9. How to make a sortable data table using React

    Make your data tables pop more, by making the data in them more friendly by means of sortable columns, all the while keeping things accessible and responsive.

  10. The unexpected mutability when editing nested arrays

    I faced a completely thick problem when I was trying to filter a nested array object. I kept mutating the original variable, even though `.map()` or `.filter()` do not mutate the array they’re operating on.