Discover chantastic/sites Open Source project

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

1,724

react-patterns

1,698

react-cheat-sheet

A filterable React.js reference site

minions.css

react-suspense-course

react-svg-spinner

An SVG spinner component

A media-object implementation in React.js

react-media-object

Mostly reasonable patterns for testing React on Rails

react-testing-patterns

practical-bem

The TL;DR on BEM IRL

8-point

A set of 8 point grid classes

A sample Rails application with React.js and Alt(Flux)

commit-guidelines

How we commit code

react-rails-alt

Ruby

react.holiday

A React advent for nerds and n00bs.

Astro

tip.css

A CSS tooltip.

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

css4-to-css3

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

one-million-ui-states

A really terrible React Hook that is illustrative in other ways

use-lodash

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

reactcontext.com

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

dt-service-calculator

A wordle guess-validation functions

compare-words

A scalable, style-able button.

btn.css

How to write user-friendly prompts

prompt-guidelines

react-europa-inline-styles

My Keynote slide deck from React Europe 2015

react-flag-object

WIP React Flag Object implementation with inline-styles

Reusable, transportable, display and position React components.

react-disposition

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

updown

A React card implementation with inline styles

react-card-object

A mostly reasonable approach to naming things in CSS

rocss

Resource Oriented CSS

vite-react-jest-testing-library-axe

TypeScript

css-patterns

style-components.com

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

myopic

transition-timing functions as css classes

ease.css

pseudo-class

select.css

Local extensions to Thoughtbot/dotfiles

legacy-dotfiles

Emacs Lisp

next-pokedex

A sample Next 13 app for react.holiday 2022

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

learnreactin30days

react-18-migration

worst

WIP

minions_rails

minions.css for Rails

react-minions

WIP. Don't use.

ARCHIVED: Things to know about getting a 2016 React.js Conf ticket

2016-reactjs-conf-faq

component-driven-avatar

A positive array index for any number.

circum

swifty.js

Better DevTools console

concurrent-mode-in-30

Using JS map() to implement CSS psuedo-classes

map-pseudo-classes

dotfiles

popover.css

font-scale.css

frontend-guide

A Guide to PCO Frontend Tools

instruction.css

Exposable bits of UI clarification

Soft-grid classes using rem

rem-point

fullstack-react-todo

reactpatterns-book

dropdown.css

css dropdown WIP

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

storybook-nextjs

TypeScript

table.css

Responsive Table CSS

Reusable, transportable components with box-model style props.

react-blox

A React component generator with love for tests and the Asset Pipeline

react_component_rails

Ruby

react-aria-dropdown

WIP

react-basics

React Basics Book

aria-live-storybook-addon

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

storybook-automated-tests-with-coverage

A 25 day celebration of React at react.holiday

til

stuff i just learned

reactholiday22

A Cloudflare Worker that compares words a la Wordle

compare-words-worker

I've done this like 500 times...

react-starter

birdcallreview.com

react-prompt

chantastic.org

chansolo.com

i picture of me superimposed on han solo

An opinionated system-ui fallback, exposed as a class

system-ui.css

A minions.css extensions for Planning Center app colors.

planningcenter-minions.css

WIP: relative point layout system in CSS

point.css

media-query helper for minions.css

minionize_ruby

Ruby

immutable-react

Immutable React Playground

A gentle introduction to React

reactbasics.com

use-aria-live

open-color.css

A short but thorough introduction to ES Modules

esmodule-reference-course

supabase-nextjs

Stories showcasing React Portals and how to interact with them declaratively

storybook-react-portals-demo

TypeScript

es-react-snippets.el

WIP

Emacs Lisp

batman-touch

jQuery Mobile touch-events extension for Batman.js

CoffeeScript

restated

elements

Created with CodeSandbox

instruct

The dictionary of words used in Wordle the word game

wordle-words

My contact, on the NPM registry

chantastic

givingashit.com

Personal Droning

A mostly reasonable button

button.css

chantastic.io

emacs

Learning emacs and shit

Cross-platform Church Center Components

doxy

playing with gh-pages features

pages-playground