• Stars
    star
    313
  • Rank 130,484 (Top 3 %)
  • Language
    JavaScript
  • Created over 3 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Descriptions and use cases for common tools and practices in the React community

React Community Tools and Practices Cheatsheet

This is a placeholder for an idea: (refs: https://twitter.com/acemarke/status/1365834578087333895, https://twitter.com/acemarke/status/1365888195070681092):

it feels like there maybe needs to be more of a community effort to build up some kind of a centralized "best practices" site, perhaps similar to the React+TS CheatSheet ( https://github.com/typescript-cheatsheets/react ) what if the community collaborated on putting together a centralized list of what the major options are in different categories, and when it might make sense to use them?
Obviously this could easily devolve into "NO, YOU SHOULD BE USING TOOL X INSTEAD OF TOOL Y", or "WHY ISN'T MY LIB WITH 27 STARS LISTED?". There'd need to be both curation and friendly cooperation from experts within the community in this. Example, state management. The main options by usage % are plain React state, Redux, MobX, XState. Those overlap with data fetching libs like Apollo, React Query, and SWR. What if each lib submitted a page saying "here's our tool, what it solves, and when you might use it"
Similarly, styling. Major options are inline styles, plain CSS, CSS Modules, and CSS-in-JS approaches. Have some pages that detail what those options are, pros/cons, and why you might consider each approach. Not flat-out saying "use X or Y". Just "here's options and use cases" One more: how do you pick between CRA, Next, Gatsby, or something like a Snowpack or Vite, to build a React app? When does it make sense to use any of those? Having a list of the major options and tradeoffs involved would be valuable.
Stackshare and Slant are sorta along the lines of what I'm describing, although I'm picturing something much more text-based and involving descriptions, examples, and use cases. I'm not saying any of this would be easy, and there'd be a lot of wrangling over how to format and present this info. also, not all would be "competing libs". like, fetch vs axios vs redaxios vs your own fetch wrapper

So, this is me sorta putting my money where my mouth is, and creating a repo to start this.

Initial Planning Discussion

see Discussion #1 - Initial RFC: Scope and Goals for discussion of what this project should actually involve and how we might make it a reality.

More Repositories

1

react-redux-links

Curated tutorial and resource links I've collected on React, Redux, ES6, and more
22,261
star
2

redux-ecosystem-links

A categorized list of Redux-related addons, libraries, and utilities
5,205
star
3

project-minimek

A sample app to demonstrate various useful Redux techniques, accompanying the blog series at http://blog.isquaredsoftware.com/series/practical-redux
JavaScript
275
star
4

react-redux-cesium-testing-demo

A sample project demonstrating configuration of React, Redux, Webpack, Cesium, and Mocha
JavaScript
51
star
5

cesium-react-webpack-demo

A sample app to demonstrate using Cesium with React and Webpack, accompanying the blog series at http://blog.isquaredsoftware.com/series/declaratively-rendering-earth-in-3d/
JavaScript
46
star
6

rsk-github-issues-experiment

Prototype for the RSK "Github Issues" example app
TypeScript
43
star
7

cra-spectacle-mdx-boilerplate

A CRA-based boilerplate for creating a Spectacle slideset with MDX syntax
JavaScript
30
star
8

project-minimek-educative

A sample app to demonstrate various useful Redux techniques, accompanying the "Practical Redux" course on Educative.io
JavaScript
27
star
9

redux-fundamentals-workshop-exercises

Exercises for my Redux Fundamentals workshop
JavaScript
19
star
10

react-prod-sourcemaps

A tool to update app sourcemaps with the original code of ReactDOM's production builds
TypeScript
13
star
11

revolution-of-web-dev

Source for my "(R)Evolution of Web Dev" presentation on modern JS tools and technologies
JavaScript
8
star
12

rsk-todos-example

A port of the Redux "Todos" example to use Redux Starter Kit
JavaScript
7
star
13

benchmark-react-redux-perf

Experiments with attempting to benchmark React-Redux
JavaScript
6
star
14

react-redux-ts-intro-2021-12

JavaScript
6
star
15

react-redux-intro

Source for my "Modern Web Dev with React and Redux" presentation
JavaScript
5
star
16

Chameleon2

A C# rewrite of the original Chameleon C++ IDE for beginners
C++
5
star
17

git-js-repo-history-conversion-utils

Scripts for rewriting Git repo history and transforming JS source to ES6+
Python
4
star
18

Chameleon1

Senior project: a C++ IDE designed for beginning students
C++
3
star
19

hooks-hocs-tradeoffs

React Boston 2019 lightning talk
JavaScript
3
star
20

marks-dev-blog-comments

Comments for my blog
3
star
21

hob

JavaScript
2
star
22

BuckRogers

A computer conversion of the Buck Rogers: Battle for the 25th Century board game
C#
1
star
23

rsbuild-spectacle-mdx-boilerplate

An RSBuild-based boilerplate for creating a Spectacle slideset with MDX syntax
TypeScript
1
star