{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2015/03/04/community-roundup-25.html","result":{"data":{"markdownRemark":{"html":"

React 101

\n

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.

\n

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

\n

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

\n
\n

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

\n

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.

\n

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

\n\n

Community Additions

\n

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.

\n

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

\n

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

\n

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

\n

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

\n

Rebuilding with React

\n

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.

\n

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.

\n

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.”.

\n

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

\n
\n \n \n \"polarr\"\n \n \n
\n

It’s F8!

\n

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.

\n

Meetups

\n
\n

Our @reactjs meetup is in full effect #ReactJS btw bathroom code is 6012 lol pic.twitter.com/7iUpvmm3zz

— littleBits (@littleBits) February 25, 2015
\n		\n

@yrezgui captivating us with @reactjs at @DevRocketUK. Thanks to the amazing sponsors @makersacademy and @couchbase. pic.twitter.com/xwA773omky

— James Nocentini (@jamiltz) February 24, 2015
\n
\n

Listening to a bunch of very clever geekoids at the @reactjs seminar. Nice! pic.twitter.com/0TeTOJOerO

— Nick Middleweek (@nmiddleweek) February 18, 2015
\n		\n

Watching the @FrontendMasters ReactJS workshop! pic.twitter.com/YraYIK97Lu

— ReactJS News (@ReactJSNews) February 13, 2015
\n
","excerpt":"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…","frontmatter":{"title":"Community Round-up #25","next":null,"prev":null,"author":[{"frontmatter":{"name":"Matthew Johnston","url":"https://github.com/matthewathome"}}]},"fields":{"date":"March 04, 2015","path":"content/blog/2015-03-04-community-roundup-25.md","slug":"/blog/2015/03/04/community-roundup-25.html"}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"Introducing the New JSX Transform"},"fields":{"slug":"/blog/2020/09/22/introducing-the-new-jsx-transform.html"}}},{"node":{"frontmatter":{"title":"React v17.0 Release Candidate: No New Features"},"fields":{"slug":"/blog/2020/08/10/react-v17-rc.html"}}},{"node":{"frontmatter":{"title":"React v16.13.0"},"fields":{"slug":"/blog/2020/02/26/react-v16.13.0.html"}}},{"node":{"frontmatter":{"title":"Building Great User Experiences with Concurrent Mode and Suspense"},"fields":{"slug":"/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html"}}},{"node":{"frontmatter":{"title":"Preparing for the Future with React Prereleases"},"fields":{"slug":"/blog/2019/10/22/react-release-channels.html"}}},{"node":{"frontmatter":{"title":"Introducing the New React DevTools"},"fields":{"slug":"/blog/2019/08/15/new-react-devtools.html"}}},{"node":{"frontmatter":{"title":"React v16.9.0 and the Roadmap Update"},"fields":{"slug":"/blog/2019/08/08/react-v16.9.0.html"}}},{"node":{"frontmatter":{"title":"Is React Translated Yet? ¡Sí! Sim! はい！"},"fields":{"slug":"/blog/2019/02/23/is-react-translated-yet.html"}}},{"node":{"frontmatter":{"title":"React v16.8: The One With Hooks"},"fields":{"slug":"/blog/2019/02/06/react-v16.8.0.html"}}},{"node":{"frontmatter":{"title":"React v16.7: No, This Is Not the One With Hooks"},"fields":{"slug":"/blog/2018/12/19/react-v-16-7.html"}}}]}},"pageContext":{"slug":"/blog/2015/03/04/community-roundup-25.html"}},"staticQueryHashes":[]}