chan

reactpatterns. Patterns for React Developers

react-patterns. moved to to https://github.com/chantastic/sites/tree/master/reactpatterns.com

sites. Astro

react-cheat-sheet. A filterable React.js reference site

minions.css. evil micro-classes

react-suspense-course. JavaScript

react-svg-spinner. An SVG spinner component

react-media-object. A media-object implementation in React.js

react-testing-patterns. Mostly reasonable patterns for testing React on Rails

practical-bem. The TL;DR on BEM IRL

8-point. A set of 8 point grid classes

commit-guidelines. How we commit code

react-rails-alt. A sample Rails application with React.js and Alt(Flux)

react.holiday. A React advent for nerds and n00bs.

one-million-ui-states. A demonstration of how I test one million UI states every merge

tip.css. A CSS tooltip.

css4-to-css3. An in-browser transformer for cssnext, in React. Just for funsies.

use-lodash. A really terrible React Hook that is illustrative in other ways

dt-service-calculator. A sample component with step-able history for training with Digital Telepathy — June 17, 2015

reactcontext.com. a gentle intro to the what, where, when, why, and how of React Context

compare-words. A wordle guess-validation functions

btn.css. A scalable, style-able button.

prompt-guidelines. How to write user-friendly prompts

react-europa-inline-styles. My Keynote slide deck from React Europe 2015

react-disposition. Reusable, transportable, display and position React components.

config. chantastic .config

vite-react-jest-testing-library-axe. TypeScript

react-card-object. A React card implementation with inline styles

react-flag-object. WIP React Flag Object implementation with inline-styles

updown. WORK IN PROGRESS!!!!!: A recursive README.md to index.html converter

rocss. Resource Oriented CSS

pseudo-class. JavaScript

next-pokedex. A sample Next 13 app for react.holiday 2022

ease.css. transition-timing functions as css classes

react-18-migration. WIP: Migrate a Client-Side React Apps to 18 Beta

css-patterns. A mostly reasonable approach to naming things in CSS

style-components.com. HTML

myopic. A function for crafting thoughts that don't age well 🤓

aria-live-storybook-addon. Observe and log aria-live region changes in the addon panel

learnreactin30days.

fullstack-react-todo. JavaScript

use-aria-live. JavaScript

chantastic.org. JavaScript

oomph. TypeScript

storybook-nextjs. A setup run-thru of Storybook in a stock NextJS app

system-ui.css. An opinionated system-ui fallback, exposed as a class

astro-authkit. Sample Astro<>AuthKit integration