Community Round-up #25

March 03, 2015 by Matthew Johnston

React 101

Interest in React has been exploding recently, so it’s a good time to explore some great recent tutorials and videos that cover getting started.

Ryan Clark provides a great overview of the basics of React with the goal of building a really simple dropdown nav.

Formidable Labs and Seattle JS recently hosted a series of React, Flux, and Flow workshops, and the first part is available to watch online:

AEFlash writes up some best practices and tips to help you avoid potential pitfalls when developing with React.

Black Mutt Media takes us through their usage of React and Ruby to build an autocomplete field, and some of the pitfalls they encountered along the way.

Our own Sebastian Markbåge was on the Web Platform Podcast to have a chat about all aspects of React.

Community Additions

Formidable Labs have been busy, as they’ve also just launched Radium, a React component that provides you with the ability to use inline styles instead of CSS. They’re also looking for some help contributing to a Radium Bootstrap implementation.

Reactiflux.com is a new Slack community based around (you guessed it!) React, and Flux.

React Week is a week-long learning workshop, happening next week, for React, Flux, and other related technologies, run by Ryan Florence.

Babel-sublime is a new package which provides Sublime with language definitions for ES6 JavaScript with React JSX syntax extensions.

react-meteor, a package that replaces the default templating system of the Meteor platform with React, recently received a big update.

Rebuilding with React

Rich Manalang from Atlassian explains why they rebuilt their HipChat web client from scratch using React, and how they’re already using it to rebuild their native desktop clients.

Andrew Hillel of the BBC gives an excellent and thorough breakdown of the stack they used to rebuild their homepage, with React as an integral part of the front-end.

A team from New Zealand called Atomic is building web and mobile prototyping and design tools entirely in-browser, and as co-founder Darryl Gray says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”.

Polarr have rebuilt their browser-based photo editor with React.

polarr

It’s F8!

F8 2015 is just around the corner, and you can sign up for the video streams in advance because we’re sure to be covering all things React.

Meetups