React
https://gyazo.com/6b5b305c7e43c4a0649cb6dec6cf6887
$ npx create-react-app --use-npm --template typescript APP_NAME
create-react-app の手元開發で CORS 制限囘避
ViteVite.icon
$ npm create vite@latest
document
React
react.dev のご紹介 – React
Build your own React
Reactを自作しよう
React Developer Roadmap: Learn to become a React developer
Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
PythonPython.iconから使ふ
Python で React Web front を書く - c4se記：さっちゃんですよ☆
/yuraru/Transcrypt/yuraru/Transcrypt.icon
ClojureScriptClojureScript.iconから使ふ
/funisaya/ClojureScript#5ded2fe1c9c0860000f02d0a
non-DOM ReactReact.icon
native application
React Native · A framework for building native apps using React
on the Web
React Native DOM
React Native っぽい事を Web でもやりたい
React GUI
successor of React Native for Web
React Native に似せた API であって、React Native ではない
WebGL
REACT-VFX - WebGL effects for React! #REACTVFX
CLI
vadimdemedes/ink: 🌈 React for interactive command-line apps
E-mail
brail
Email development for the 21st century – Brail
sinclairnick/brail: 💌 Transactional email that feels different
framework
Next.jsNext.js.icon
Remix
Remix - Build Better Websites
Remix | Developer Blog
server state
RSC (React Server Component)
React Server Components – React
React Server Components – React
データフェッチ on Server Components｜Next.jsの考え方
Waku
Waku, the minimal React framework
dai-shi/waku: ⛩️ The minimal React framework
unstubbable/mfng: A Minimal React Server Components Bundler & Library
GraphQLGraphQL.icon
Relay
Relay
Recoil and GraphQL with Relay | Recoil
Apollo
Apollo GraphQL | Apollo Data Graph Platform— unify APIs, microservices, and databases into a data graph that you can query with GraphQL
urql
React/Preact Bindings | urql Documentation
SWR – SWR
stale-while-revalidate
React Query - Hooks for fetching, caching and updating asynchronous data in React
component 閒通信。Context や React Root を跨ぐ狀態の管理
EventEmitter
Recoil
Recoil
2021/9/13 現在では React Root を跨げない
async
Asynchronous Data Queries | Recoil
Recoil Sync Library | Recoil
Jotai
Jotai, primitive and flexible state management for React
pmndrs/jotai: 👻 Primitive and flexible state management for React
Elm architecture
useReducer()
Redux
Redux - A predictable state container for JavaScript apps. | Redux
React Redux | React Redux
Redux Toolkit | Redux Toolkit
async effect
Redux-Saga - An intuitive Redux side effect manager. | Redux-Saga
Introduction · Redux-Loop
reduxjs/redux-thunk: Thunk middleware for Redux
MobX
README · MobX
Signals
Signals – Preact Guide
Introducing Signals | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
routing
React Router
Home v6.4.3 | React Router
Remix の爲の機能がどんどん入って來てゐる
React Location
React Location - Enterprise routing for React applications
TanStack Router
TanStack Router | React Router, Solid Router, Svelte Router, Vue Router
React Location の後繼?
Introduction | Expo Router
Web Components
Web Components – React
GitHub - bitovi/react-to-webcomponent: Convert react components to native Web Components. Works with Preact too!
CSS in JS
CSS module
css-modules/css-modules: Documentation about css-modules
typed-css-modules
Quramy/typed-css-modules: Creates .d.ts files from CSS Modules .css files
dropbox/typed-css-modules-webpack-plugin: Generate TypeScript typing declarations for your TypeScript + CSS Modules project.
styled-components
styled-components
emotion
Emotion – Introduction
emotion-js/emotion: 👩‍🎤 CSS-in-JS library designed for high performance style composition
JSS
JSS
cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.
Tailwind CSS
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
tailwindlabs/tailwindcss: A utility-first CSS framework for rapid UI development.
design system を實裝する framework
vanilla-extract
vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.
form library
useState()
Formik: Build forms in React, without the tears
ホーム | React Hook Form - Simple React forms validation
React Final Form
throttle / debounce
tannerlinsley/react-virtual: ⚛️ Hooks for virtualizing scrollable elements in React
i18n
fnando/i18n-js: It's a small library to provide the I18n translations on the Javascript. It comes with Rails support.
wantedly/hi18n: message internationalization meets immutability and type-safety
hi18n (i18nライブラリ) 入門&紹介シリーズ目次 | Wantedly Engineer Blog
hi18n (i18nライブラリ) の使い方 | Wantedly Engineer Blog
hi18n (i18nライブラリ) の使い方: メッセージフォーマット編 | Wantedly Engineer Blog
hi18n (i18nライブラリ) の使い方: 翻訳IDを動的に決定する | Wantedly Engineer Blog
hi18n (i18nライブラリ) の紹介 (1) 設計思想と基本方針 | Wantedly Engineer Blog
hi18n (i18nライブラリ) の紹介 (2) メッセージパーサーと型レベルパーサー | Wantedly Engineer Blog
hi18n (i18nライブラリ) の紹介 (3) 翻訳の同期 | Wantedly Engineer Blog
Shopify/quilt: A loosely related set of packages for JavaScript/TypeScript projects at Shopify
LinguiJS - Seamless internationalization in Javascript — LinguiJS documentation
react-intl
similer work
SvelteSvelte.icon
</> htmx - high power tools for html
Vue.js
Lit
Polymer library - Polymer Project の後繼
html 函數だけ拔き出したもの
Using lit-html standalone – Lit
Vidact - A compiler to convert React-like apps to VanillaJS
mohebifar/vidact: A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM
Angular
AngularJSAngularJS.iconの後繼
Stencil
solid
リアクティブJavascriptライブラリ
LaminarScala.icon
Laminar · Simple, expressive, and safe UI library for Scala.js
raquo/Laminar: Simple, expressive, and safe UI library for Scala.js