36 Immutable Examples
react tetris: Tetris with fantastic retro graphics and sound design.
Firefox debugger: Firefox debugger with file browser, breakpoints. Also uses Flow and react-storybook.
franklin: DNA sequence annotation tool. Tested with Enzyme, sinon.
ear sharpener: Game for practicing pitch perception (ear training). Typescript.
panther: Discover artists through an infinite node graph. Spotify API, redux-saga, rethinkDB, reselect, react-flip-move.
draft js plugins: DraftJS plugins- include Mention, Linkify, Sticker, Emoji, Hashtag, Undo.
react rte: Rich WYSYWIG editor built on DraftJS, for replacing textarea. Extensible formats-currently HTML/Markdown. Uses Flow type annotations, E6 classes.
social expert: Master your GitHub notifications by priority and weight. Desktop Electron app, redux-saga. Includes auto-updates and launch at startup.
mastermind: Classic guessing game. Uses Redux, immutable, lodash, react-router.
Draft js: Framework for building text editors - open sourced at ReactConf 2016
Dripr: screenshot/file sharing platform, similar to cloudapp. Uploads to S3. Handles images, urls, code, video. Includes desktop Electron app.
elm react component: Wraps an Elm module to be used in a React application.
pixel art: Pixel art editor using redux, ImmutableJS. Fun 8-bit aesthetic. Has Undo, redo, download, CSS generation, Twitter sharing.
blockbuilder: Very impressive In-browser editor for creating and remixing D3 blocks (gists). Express, Mongo. Keyboard shortcuts, file upload.
AFrame Meetup Example: Building a virtual reality scene using A-Frame, React, Redux and data from Meetup.
shifted maps: Visualizes personal movement data showing visited places and their connections. Mapbox, redux. Backend uses Express, Mongoose.
Visualising a tree structure: Blog about writing a tree control-Redux/ImmutableJS for high-performance updating.
redux search: Higher-order Redux library for searching collections of objects. Search is done in a webworker. Can watch, re-index redux stores.
muuvie: Movie search app using omdb API. Smooth react-router transitions from search->results->detail pages. Uses crossorigin.me as a CORS proxy.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |