Drag & Drop Grid Layout in React This is a proof of concept based on Cheng Lou's totally amazing React Motion library:https://github.com/chenglou/react-motion Really just a proof of concept to see if I could get it working across multiple columns (i.e
Load External Data in React BY Chris Coyier Fetch data in componentDidMount. When the response arrives, store the data in state, triggering a render to update your UI. https://facebook.github.io/react/tips/initial-ajax.html demo See the Pen Load External
React Multi-Step Form If you are new to Gulp, Browserify, or build tools in general be sure to check out the blog post for more context and the Wiki for some additional background knowledge. BY Tommy Marshall codepen demo See the Pen yyMOzj by Tommy Marsh
React + Redux Todo BY Josh React and ES6 courses and Dan Abramov Redux course over on https://egghead.io/, so I figuired what the world needed was another todo app... codepen demo See the Pen React + Redux Todo by Josh (@iamjoshellis) on CodePen.
Sign Up with React.JS BY Jack Oliver Day 1 of the ReactJS DailyUI project. I'm going to be making 100 different React pens over the next 100 days, in order to get better. codepen demo See the Pen React DailyUI - 001 - Sign Up by Jack Oliver (@jackoliver)
React-Motion: click to front BY John Oksasoglu A proof-of-concept of a React-based interface idea I had. Click on any square to make it spring to the top left-most position in the grid and force all other squares to adjust appropriately. Most of the real
Pipeline Funnel (React & SVG Based) BY Shalabh Vyas A Pipeline visualization inspired by https://dribbble.com/shots/1815831-Funnel. Built using React and SVG. Non-responsive as of now. Please refer to the docs on the component's constructor for the si
Random Text React Component This is a a react component that excepts a text, and manually calculates how to flow the text in the given width. You can see the actual component in the render method of App (at the bottom of the JS file). And you can tweak al
React Contact List (Once upon a Time themed) Contacts app made with React Modeled after this: http://coenraets.org/blog/2014/12/sample-mobile-application-with-react-and-cordova/ codepen demo See the Pen React Contact List by Amanda Williamson (@amwill) on
Infinite Scroll with react and CSS3 animation BY Dan Peddle no JSX without changing the script tag type :( codepen demo See the Pen Infinite Scroll with react and CSS3 animation by Dan Peddle (@dazld) on CodePen.