Storybook + StoryShotsでReactをスタイルガイド運用、CIしていく知見 - Qiita
2016/10/07追記：StorybookとStoryShotsについて説明してくれている記事が出てきたため、こちらの記事はもう少し深入りした部分にフォーカスするように（install関連のとこなどを主にばっさり削除）しました React Storybook で変わるUI開発フロー (Redux Flavor) Storybookとは Reactのためのスタイルガイドジェネレータ。 基本的な所は結構先人が記事を残してくれている。 特に今回この記事ではstoriesそのものの記載については言及しないので、そこらへんは下記の記事などを参考にするのが良いだろう react-storybookを用いたReactコンポーネント開発 React Storybook入門：コンポーネントカタログがさくさく作れちゃうかもしれないオシャレサンドボックス環境 だいぶ手に馴染んできてたので、自分がよく使う部分中
How to safely use React context
Context is a very powerful feature in React, with lots of disclaimers around it. A bit like the forbidden fruit in paradise. That should be enough to keep you far away from context right? Well of course not, it is a (unsupported) React feature, and forbidden features will be used for the mere fact that they exist! Context makes it possible to pass data to components deep in the component tree with
Codebase Overview – React
This section will give you an overview of the React codebase organization, its conventions, and the implementation. If you want to contribute to React we hope that this guide will help you feel more comfortable making changes. We don’t necessarily recommend any of these conventions in React apps. Many of them exist for historical reasons and might change with time. Top-Level Folders After cloning
3 Reasons why I stopped using React.setState
Since a few months I’ve stopped using React’s setState on all my new React components. Don’t get me wrong, I didn’t stop having local component state, I just stopped using React to manage it. And it’s been delightful! Using setState is tricky for beginners. Even experienced React programmers easily introduce subtle bugs when using React’s own state mechanism, like this: Bug introduced by forgettin
Presentational and Container Components
BismuthUpdate from 2019: I wrote this article a long time ago and my views have since evolved. In particular, I don’t suggest splitting your components like this anymore. If you find it natural in your codebase, this pattern can be handy. But I’ve seen it enforced without any necessity and with almost dogmatic fervor far too many times. The main reason I found it useful was because it let me separ
rrtr is Dead, Long Live React Router
Jimmy Jia is now an owner of React Router. We hugged it out (like a 20 minute embrace, it was awkward, but warm, he’s much taller than I realized). This isn’t really about Jimmy or the fork though. I need to thank him for the slap in the face, and apologize for Michael Jackson and I not being involved enough lately. React Router is a critical dependency in the React ecosystem and we’ve failed to m
Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog
こんにちは！ブログチームの id:amagitakayosi です。 今回は、業務で書いた小さなReactコンポーネントをnpmパッケージとして分離した話をします。 今回公開するパッケージ 実装方針 なぜnpmパッケージにするのか 他のコンポーネントの影響で壊れることを防げる アドホックな修正の積み重ねで複雑になることを防げる 本体プロジェクトのコードを削減できる デメリット Babelなパッケージのディレクトリ構成 実装 npmの注意点 reactはpeerDependenciesに入れる npm link を用いてローカル開発する場合、npmはpeerDependenciesを解決できない browserify-shimを利用する場合 npm publish 次回予告 追記 今回公開するパッケージ www.npmjs.com 今回は「無限スクロール」のためのReactコンポーネントを作
GitHub - rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.
reBEM: React ♥ BEM
It’s been about a year since me and Kir Belevich started using React at Lazada Group for some internal admin interfaces. We learned a lot during that time and our minds have been heavily shifted by that one-way data-flow philosophy React pushes. Since React is not exactly a framework, but just a view library, we have both freedom of choice and a burden of responsibility, like: how to structure you
React v15.0 Release Candidate – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Sorry for the small delay in releasing this. As we said, we’ve been busy binge-watching House of Cards. That scene in the last episode where Francis and Claire Underwood ████████████████████████████████████. WOW! But now we’re ready, so without further ado, we’re shipping a release candidate for React v15 now. As a rem
New Versioning Scheme – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today we’re announcing that we’re switching to major revisions for React. The current version is 0.14.7. The next release will be: 15.0.0 This change shouldn’t materially affect most of you. Moving to major semver versions simply helps indicate our commitment to stability and gives us the flexibility to add new backwar
Preact | Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
Preact Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM. View on GitHub Download .zip Download .tar.gz Preact Preact is a fast, 3kb alternative to React, with the same ES2015 API. Preact retains a large amount of compatibility with React, but only the modern (ES6 Classes and stateless functional components) interfaces. As one would expect coming from React, Components are
ReduxでlocalStorageにstateのスナップショットを保存する - Qiita
localStorageにstateのスナップショットを保存するRedux middlewareを作りました。 インストール import {createStore, applyMiddleware} from "redux"; import saveState from "redux-save-state/localStorage"; // combineReducersされたreducer達 import reducers from "./reducers"; // 保存先キー名 const key = "app-state-snapshot"; const store = applyMiddleware(saveState(key))(createStore)(reducers); // React Componentでdispatchが呼ばれるたびに保存 store.dispatc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Universal JavaScript Apps with React Router 4 | by Patrick Hund | eBay Tech Berlin
JSON Schema in Web Frontend #insideFE
GitHub - acdlite/recompose: A React utility belt for function components and higher-order components.
Higher Order Components: Theory and Practice
GitHub - crysislinux/chrome-react-perf: An Operation Interface for react-addons-perf Package
GitHub - rwu823/react-tag: Universal tag render, like the normal HTML <tag> but useful
GitHub - pzavolinsky/react-unit: Lightweight unit test library for ReactJS
