From e99ef894b83efa66d444f1c9222aa716f6b7b166 Mon Sep 17 00:00:00 2001 From: Matthew Johnston Date: Tue, 3 Mar 2015 14:20:41 +0000 Subject: [PATCH 1/4] Community Roundup #25 blog post --- .../_posts/2015-03-03-community-roundup-25.md | 57 +++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 docs/_posts/2015-03-03-community-roundup-25.md diff --git a/docs/_posts/2015-03-03-community-roundup-25.md b/docs/_posts/2015-03-03-community-roundup-25.md new file mode 100644 index 0000000000..08bec698a3 --- /dev/null +++ b/docs/_posts/2015-03-03-community-roundup-25.md @@ -0,0 +1,57 @@ +--- +title: "Community Round-up #25" +layout: post +author: 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 covering getting started. + +Ryan Clarke ([rynclark](https://github.com/rynclark)) provides a [great overview of the basics of React](http://ryanclark.me/getting-started-with-react/) with the goal of building a really simple dropdown nav. + +Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) and [Seattle JS](http://www.meetup.com/seattlejs/) recently hosted a series of React, Flux, and Flow workshops, and the first part is available to watch online: + + + +AEFlash ([aearly](https://github.com/aearly)) writeup [some best practices and tips](http://aeflash.com/2015-02/react-tips-and-best-practices.html) to help you avoid potential pitfalls when developing with React. + +Black Mutt Media [take us through their usage of React](http://blackmuttmedia.com/blog/react-tmdb-api/) and Ruby to build an autocomplete field, and some of the pitfalls they encountered along the way. + +Our own [sebmarkbage ](https://github.com/sebmarkbage)was on the[ Web Platform Podcast](http://thewebplatform.libsyn.com/31-building-with-reactjs) to have a chat about all aspects of React. + +## Community Additions + +Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) have been busy, as they've also[ just launched Radium](http://projects.formidablelabs.com/radium/), a React component that provides you with the ability to use inline styles instead of CSS. They're also [looking for some help](http://projects.formidablelabs.com/radium-bootstrap/) contributing to a Radium Bootstrap implementation. + +[Reactiflux.com](http://reactiflux.com/) is a new Slack community based around (you guessed it!) React, and Flux. + +[React Week](http://reactweek.com/) is a recently launched, week-long learning workshop for React, Flux, and other related technologies, run by Ryan Florence ([ryanflorence](https://github.com/ryanflorence)). + +## Rebuilding with React + +Rich Manalang ([rmanalan](https://github.com/rmanalan)) from Atlassian [explains why](https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/) 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](https://twitter.com/andyhillel) of the BBC gives [an excellent and thorough breakdown](http://www.bbc.co.uk/blogs/internet/entries/47a96d23-ae04-444e-808f-678e6809765d) 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 ](https://atomic.io/)is[ building web and mobile prototyping and design tools ](http://thenextweb.com/creativity/2015/02/19/meet-atomic-missing-tool-interface-design-thats-entirely-browser/)entirely in-browser, and as co-founder [Darryl Gray](http://twitter.com/darrylgray) says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”. + +Polarr ([polarrco](https://github.com/Polarrco)) have rebuilt [their browser-based photo editor ](http://polarrist.tumblr.com/post/111290422225/polarr-photo-editor-2-0-alpha-is-here)with React. + +## It's F8! + +F8 2015 is just around the corner, and you can [sign up for the video streams](https://www.fbf8.com/stream.html) in advance because we're sure to be covering all things React. + +## Meetups + +

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

— littleBits (@littleBits) February 25, 2015
+ + +

@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
+ + +

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

— Nick Middleweek (@nmiddleweek) February 18, 2015
+ + +

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

— ReactJS News (@ReactJSNews) February 13, 2015
+ From 49d5722467e0480b3045f3b52ba8a21b0e064262 Mon Sep 17 00:00:00 2001 From: Matthew Johnston Date: Tue, 3 Mar 2015 17:56:53 +0000 Subject: [PATCH 2/4] Update 2015-03-03-community-roundup-25.md --- docs/_posts/2015-03-03-community-roundup-25.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/_posts/2015-03-03-community-roundup-25.md b/docs/_posts/2015-03-03-community-roundup-25.md index 08bec698a3..3f33b7b758 100644 --- a/docs/_posts/2015-03-03-community-roundup-25.md +++ b/docs/_posts/2015-03-03-community-roundup-25.md @@ -28,6 +28,8 @@ Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) have been [React Week](http://reactweek.com/) is a recently launched, week-long learning workshop for React, Flux, and other related technologies, run by Ryan Florence ([ryanflorence](https://github.com/ryanflorence)). +[Babel-sublime](https://github.com/babel/babel-sublime) is a new package which provides Sublime with language definitions for ES6 JavaScript with React JSX syntax extensions. + ## Rebuilding with React Rich Manalang ([rmanalan](https://github.com/rmanalan)) from Atlassian [explains why](https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/) they rebuilt their HipChat web client from scratch using React, and how they're already using it to rebuild their native desktop clients. From 2417b7f4deeb7b120cadb36302eb0195dd9d904e Mon Sep 17 00:00:00 2001 From: Matthew Johnston Date: Tue, 3 Mar 2015 18:31:45 +0000 Subject: [PATCH 3/4] Update 2015-03-03-community-roundup-25.md --- docs/_posts/2015-03-03-community-roundup-25.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/docs/_posts/2015-03-03-community-roundup-25.md b/docs/_posts/2015-03-03-community-roundup-25.md index 3f33b7b758..6d31e73ebc 100644 --- a/docs/_posts/2015-03-03-community-roundup-25.md +++ b/docs/_posts/2015-03-03-community-roundup-25.md @@ -6,7 +6,7 @@ author: 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 covering getting started. +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 Clarke ([rynclark](https://github.com/rynclark)) provides a [great overview of the basics of React](http://ryanclark.me/getting-started-with-react/) with the goal of building a really simple dropdown nav. @@ -14,11 +14,11 @@ Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) and [Seatt -AEFlash ([aearly](https://github.com/aearly)) writeup [some best practices and tips](http://aeflash.com/2015-02/react-tips-and-best-practices.html) to help you avoid potential pitfalls when developing with React. +AEFlash ([aearly](https://github.com/aearly)) writes up [some best practices and tips](http://aeflash.com/2015-02/react-tips-and-best-practices.html) to help you avoid potential pitfalls when developing with React. -Black Mutt Media [take us through their usage of React](http://blackmuttmedia.com/blog/react-tmdb-api/) and Ruby to build an autocomplete field, and some of the pitfalls they encountered along the way. +Black Mutt Media [takes us through their usage of React](http://blackmuttmedia.com/blog/react-tmdb-api/) and Ruby to build an autocomplete field, and some of the pitfalls they encountered along the way. -Our own [sebmarkbage ](https://github.com/sebmarkbage)was on the[ Web Platform Podcast](http://thewebplatform.libsyn.com/31-building-with-reactjs) to have a chat about all aspects of React. +Our own [Sebastian Markbåge](https://github.com/sebmarkbage) was on the [Web Platform Podcast](http://thewebplatform.libsyn.com/31-building-with-reactjs) to have a chat about all aspects of React. ## Community Additions @@ -30,6 +30,8 @@ Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) have been [Babel-sublime](https://github.com/babel/babel-sublime) is a new package which provides Sublime with language definitions for ES6 JavaScript with React JSX syntax extensions. +[react-meteor](https://github.com/reactjs/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 ([rmanalan](https://github.com/rmanalan)) from Atlassian [explains why](https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/) they rebuilt their HipChat web client from scratch using React, and how they're already using it to rebuild their native desktop clients. From a850603e1ca0f143140039d4515be451c85a2f47 Mon Sep 17 00:00:00 2001 From: Matthew Johnston Date: Tue, 3 Mar 2015 18:34:07 +0000 Subject: [PATCH 4/4] Update 2015-03-03-community-roundup-25.md --- docs/_posts/2015-03-03-community-roundup-25.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/_posts/2015-03-03-community-roundup-25.md b/docs/_posts/2015-03-03-community-roundup-25.md index 6d31e73ebc..1980a2761d 100644 --- a/docs/_posts/2015-03-03-community-roundup-25.md +++ b/docs/_posts/2015-03-03-community-roundup-25.md @@ -26,7 +26,7 @@ Formidable Labs ([FormidableLabs](https://github.com/FormidableLabs)) have been [Reactiflux.com](http://reactiflux.com/) is a new Slack community based around (you guessed it!) React, and Flux. -[React Week](http://reactweek.com/) is a recently launched, week-long learning workshop for React, Flux, and other related technologies, run by Ryan Florence ([ryanflorence](https://github.com/ryanflorence)). +[React Week](http://reactweek.com/) is a week-long learning workshop, happening next week, for React, Flux, and other related technologies, run by Ryan Florence ([ryanflorence](https://github.com/ryanflorence)). [Babel-sublime](https://github.com/babel/babel-sublime) is a new package which provides Sublime with language definitions for ES6 JavaScript with React JSX syntax extensions. @@ -38,9 +38,9 @@ Rich Manalang ([rmanalan](https://github.com/rmanalan)) from Atlassian [explains [Andrew Hillel](https://twitter.com/andyhillel) of the BBC gives [an excellent and thorough breakdown](http://www.bbc.co.uk/blogs/internet/entries/47a96d23-ae04-444e-808f-678e6809765d) 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 ](https://atomic.io/)is[ building web and mobile prototyping and design tools ](http://thenextweb.com/creativity/2015/02/19/meet-atomic-missing-tool-interface-design-thats-entirely-browser/)entirely in-browser, and as co-founder [Darryl Gray](http://twitter.com/darrylgray) says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”. +A team from New Zealand called [Atomic](https://atomic.io/) is [building web and mobile prototyping and design tools](http://thenextweb.com/creativity/2015/02/19/meet-atomic-missing-tool-interface-design-thats-entirely-browser/) entirely in-browser, and as co-founder [Darryl Gray](http://twitter.com/darrylgray) says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”. -Polarr ([polarrco](https://github.com/Polarrco)) have rebuilt [their browser-based photo editor ](http://polarrist.tumblr.com/post/111290422225/polarr-photo-editor-2-0-alpha-is-here)with React. +Polarr ([polarrco](https://github.com/Polarrco)) have rebuilt [their browser-based photo editor](http://polarrist.tumblr.com/post/111290422225/polarr-photo-editor-2-0-alpha-is-here) with React. ## It's F8!