Links tagged “react”

github.com

React-is-Awful – learn react in a trollesque tone

wanago.io

How to type React function components with generic props, building a reusable table component that stays type-safe for any row type.

baseweb.design

Documentation for Base Web, Uber's React component library implementing the Base design system, styled with Styletron.

staleclosures.dev

A team's account of replacing Redux with useReducer and useContext in a mid-sized TypeScript app, and what they gave up doing it.

arkwright.github.io

Account of scaling a React server-side rendering service on fixed hardware — round-robin load balancing, a client-side rendering fallback under load, and the risks of component caching.

react-rte.org

A live demo of react-rte, a WYSIWYG rich text editor component for React built on Draft.js and meant as a full-featured textarea replacement.

mobxjs.github.io

An introduction to the MobX state management library through a to-do list example, covering observable state, computed values, reactions and actions, with runnable code.

github.com

A zero-configuration toolkit for building React applications, bundling Webpack, Babel, ESLint and Redux behind one dependency; now archived in favour of Neutrino.

recharts.org

Composable charting library that builds SVG charts from decoupled React components on top of D3.

github.com

React component that defers rendering of its children until they scroll into view, sharing two event listeners across all instances.

github.com

Curated list of tutorials and articles on React, Redux and ES6, from beginner material to advanced ecosystem topics.

marmelab.com

Documentation for admin-on-rest, a React and Material UI framework for building admin interfaces on top of REST APIs, since superseded by react-admin.

medium.com

Walkthrough of splitting a React bundle by route with Webpack and applying the PRPL pattern to cut first paint and time-to-interactive on mobile.

css-tricks.com

Tutorial on React Router — routes, nested routes, reusable layouts, Link navigation and hash versus browser history. Predates React Router 4.

tonyhb.gitbooks.io

GitBook documenting the Redux patterns and conventions used to build applications at Docker, Inc.

github.com

Frontend framework for building browser admin applications on top of REST services, using ES6, React and Material UI.

jedwatson.github.io

Select control for React supporting multi-select, autocomplete and asynchronously loaded options; the demo now points to the current docs at react-select.com.

instructure-react.github.io

Live demo of react-select-box, an accessible select box component for React, with a link to its repository.

bharani91.github.io

Live demo of react-select-popover, a React component that replaces a select box with a popover list backed by a hidden multi-select field for form submission.

javier.xyz

Live demo of react-textselect, a React component that overlays an invisible dropdown on a run of text so the value can be changed inline.