Skip to main content

React Stack ↔ Broader React Ecosystem, third party libraries & frameworks

aka React-Ecosystem, React-Lib, React-Library, React-Framework, Stack

image

@apollo/client

JS state management lib to manage local/remote data via Declarative GraphQL Data Fetch

Source: www.apollographql.com/docs/react/

@monaco-editor/react

CRA

CRAp Scaffolding Dev tool to gen new React project with app skeleton & Boilerplate

docusaurus

React Framework SSG CMS for API docs as SPA with built-in Routing + MDX support

Source: docusaurus.io/

esbuild-loader

add this to every CRA project to fix the painful ass speed build times of Webpack!

Source: www.npmjs.com/package/esbuild

Gatsby

SSG for pure blogs. Next.js alt for pure static sites. 412K vs next 3.5M WDL. GraphQL

immer

Next.js

fullstack React Framework for SSG & now official react team approval?! headless CMS

React DevTools

Browser Extension to inspect React App (dev build only!) to view Component Hierarchy, props & state

Sources: reactjs.org/blog/2019/08/15/new react

react-awesome-slider

React Lib slider component nextjs compat

Source: github.com/rcaferati/react

react-credit-cards

React Lib with CSS animated card payment UI form. 3Y abandonware 👎

Source: github.com/amaroteam/react

react-icons

React Lib with general emoji icon SVG graphics

Source: react

react-mosaic

React Lib to show split window UI

Source: github.com/nomcopter/react

react-native

React Framework to build UI for mobile OS (Android & iOS)

react-query

React Lib FCS data

react-router-dom

React Lib for Routing Primitives to Client Routing & Server Side Render in Declarative Composable way

react-slick

React Lib for SIMPLE carousel slider UI. port of jQuery slick lib

Source: react

react-split-grid

better version of react-split with 2-D split panel UI

react-split

React Lib to render 1-D split panel UI; react-wrapper for split.js

Sources: split.js.org/ github.com/nathancahill/split

react-syntax-highlighter

React Lib Syntax Highlighter to style code (highlight syntax, background, theme)

reactstrap

React Lib with UI FC prebuilt with Bootstrap 5.1 styles

Source: reactstrap.github.io/

recoil

react state management lib FB experimental FOSS project

Source: recoiljs.org/

redux

(Design Pattern) to colocate state in global external central store, to control data flow with predictable scalable pattern of Dispatch > Reducer > Store

Sources: www.npmjs.com/package/redux redux.js.org/

relay

Declarative React Framework to colocate & mutate data via GraphQL

Source: github.com/facebook/relay

remix

full-stack react framework for fast-dyanmic websites - sold!

Source: remix.run/

shiki

storybook

popular Frontend Dev tool to isolate UI to doc/showcase/test, detangle Business Logic/state/Context

Source: storybook.js.org/

SWR

React Lib to Data Fetch for client-side, handle Cache/Revalidate/Retries Front-End App (JS)

Syntax Highlighter

References

  1. react-windowReact Stack Windowing Lib - more update than react-virtualized

  2. react-queryReact Lib FCS data

  3. MinimalistReact focus to UI Primitives , defer other design concerns to React Ecosystem

  4. react-mosaicReact Lib to show split window UI

  5. react-credit-cardsReact Lib with CSS animated card payment UI form. 3Y abandonware 👎

  6. react-iconsReact Lib with general emoji icon SVG graphics

  7. relayDeclarative React Framework to colocate & mutate data via GraphQL

  8. reactstrapReact Lib with UI FC prebuilt with Bootstrap 5.1 styles

  9. react-awesome-sliderReact Lib slider component nextjs compat

  10. react-syntax-highlighterReact Lib Syntax Highlighter to style code (highlight syntax, background, theme)

  11. docusaurusReact Framework SSG CMS for API docs as SPA with built-in Routing + MDX support

  12. SWRReact Lib to Data Fetch for client-side, handle Cache/Revalidate/Retries Front-End App (JS)

  13. react-splitReact Lib to render 1-D split panel UI; react-wrapper for split.js

  14. react-nativeReact Framework to build UI for mobile OS (Android & iOS)

  15. react-slickReact Lib for SIMPLE carousel slider UI. port of jQuery slick lib

  16. react-markdownReact Lib FC Wrapper to render MDX extends with plugins

  17. Next.js ↔ fullstack React Framework for SSG & now official react team approval?! headless CMS