Elixir Web Development 101: Collaborative Todolist With Realtime Updates

Elixir Web Development 101: Collaborative Todolist With Realtime Updates

Yet another todo app, but this time using elixir and phoenix to make it collborative with real-time updates!

Introducing Downshift for React

Introducing Downshift for React

downshift 🏎 is the primitive you need to build simple, flexible, WAI-ARIA compliant React autocomplete/typeahead/dropdown/select/combobox/etc (AKA “item selection”) (p)react ⚛️ components.

Tha article calls out two interesting patterns for building reusable components that I’m seeing more of:

  1. The “Function as Child” (or render callback) pattern.
  2. The “Controlled Props” pattern.

I'm Breaking Up With Higher Order Components

I’m Breaking Up With Higher Order Components

Writing declarative, readable and flexible React components using render props instead of HOCs

Interesting pattern I’ve started seeing where chidlren is passed a function instead of React elements.

7 Architectural Attributes of a Reliable React Component

7 Architectural Attributes of a Reliable React Component

Component-based development is productive: a complex system is built from specialized and easy to manage pieces. Yet only well designed components ensure composition and reusability benefits.

Glortho/react-keydown

Glortho/react-keydown

Lightweight keydown wrapper for React components