GitHub - kitze/react-genie: A set of React components for animating elements as they scroll into the viewportYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Build optimized websites quickly, focus on your content | Docusaurus
Build optimized websites quickly, focus on your content Powered by MDXSave time and focus on text documents. Simply write docs and blog posts with MDX, and Docusaurus builds them into static HTML files ready to be served. You can even embed React components in your Markdown thanks to MDX. Built Using ReactExtend and customize your project's layout by writing React components. Leverage the pluggabl
vx | visualization components
vx is collection of reusable low-level visualization components. vx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM. GoalThe goal is to create a library of components you can use to make both your own reusable chart library or your slick custom one-off chart. vx is largely unopinionated and is meant to be build on top of. Keep your bundle siz
Victory
RobustArea charts. Scatter plots. Voronoi polygons. Easy-to-use components for complex charting. FlexibleFully contained, reusable data visualization elements are responsible for their own styles and behaviors. NativeExtend the Victory experience on Android and iOS platforms with an identical API. npm install victory-native A Few of Our FansSEE SHOWCASEGuides
react-md - Accessible React Material Design Components
react-mdThe logo is similar to the React logo. It just contains the letters MD in the center of the nucleus.MD This project's goal is to create fully accessible React components following the accessibility guidelines from www.w3.org that will also be easily customizable with sensible defaults following the Material Design principals. The components are created to feel like "extension of the DOM an
RailsでReactをサーバサイドレンダリング（use Hypernova by airbnb） - Qiita
はじめに Railsにも対応しているJavaScriptのサーバサイドレンダリング用ライブラリairbnb/hypernovaが、airbnbからリリースされました。 この記事では、シンプルなRailsアプリを構築し、これまたシンプルなReactコンポーネントをサーバサイドレンダリングで表示するまでのチュートリアルを解説します。 ReactによるSPA（シングルページアプリケーション）も増え、Google等の検索エンジンでもある程度はページ内容を解釈してくれるらしいですが、サーバ側でHTMLをレンダリングして出力するサーバサイドレンダリングを利用すると、より正しくページ内容を解釈してもらえます。 Hypernovaとは A service for server-side rendering your JavaScript views Hypernovaは、JavaScriptコンポーネント
A brief note of ReactEurope2016 sessions
ReactEurope 2016に行ってきて、改めてメインのTalkの動画を一通り見たので、一言解説を。 https://www.react-europe.org/ Day 1 https://www.youtube.com/playlist?list=PLCC436JpVnK09bZeayg-KeLuHfHgc-tDa Dan Abramov - The Redux Journey 去年のReactEuropeでのTalkで一躍有名になり、Reactの中の人になったDan AbramovによるKeynoteです。 Reduxを発表してから何が起きたのか、何を大事にしているのかについて話しています。 改めてReduxのパターンを説明しつつ、ConstraintsとしてReduxが大事に考えていることについて話しています。 全体を通して、Reduxの考え方や現状がわかりやすく説明されています
小さいReactアプリケーションのためのライブラリ書いた - Qiita
EventEmitterバケツリレースタイル/フレームワークなしで小さくFluxする - Qiita これ見て最近は大体自分も同じような感じのことをしているので共通化できる最小限のコードをライブラリにしてみた。 元記事でも言ってるようにやることはとても少ないのでライブラリ使わないでもいいんだけどそのへんは好み。 Usage まず普通のステートレスなReactコンポーネントを作る。dispatchというpropsを受け取ってそれを通してイベントを発火するというのが唯一の規約。 import React from 'react'; // Stateless component export default class Counter extends React.Component { render() { return ( <div> <div>{this.props.count}</div>
Hot Reloading in React
Note: React Hot Loader 3, released a month after I published this article, solves most of the problems described in this post. Give it a try! React Transform is an experimental project I started after giving the Hot Reloading with Time Travel talk at React Europe. My goal was to bring a live editing environment that preserves component state and handles errors gracefully to as many React users as
Fundamentals of Redux Course from Dan Abramov
In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users with a well-crafted experience with minimal bugs. It's also one of the hardest aspects of a modern front-end application to get right. Redux provides a solid, stable, and mature solution to managing
Step by Step Guide To Building React Redux Apps
Redux is becoming the de facto way to build React apps. And there are tons of examples that show how it’s done. But React-Redux apps have too many parts like: “Reducers”, “Actions”, “Action Creators”, “State”, “Middleware” and more). It could be overwhelming! When I started to learn it, I couldn’t find blogs that show “Which part of React Redux to build first?” or how to generally approach buildin
Designing in React: Why and How
FRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/
Elm Architecture for React
Disclaimer: This is just an experiment. I’m not advocating this approach for real-world applications. It’s neither reactive nor does it actually work anything like Elm at all. In this post I will try to explain an experiment in making the Elm architecture work for plain React applications, without any of the FRP aspects. While it doesn’t really work like Elm at all it may still be useful to unders
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js
Home | nivo
Semiotic
Open Sourcing Our Website | ustwo Blog
Mattermost
React.js Conf 2016
ReactとLoopbackことはじめ / React.js meets Loopback
