This Week In React #2
1 announcement, 4 projects, 1 interview, and 4 upcoming events!
This Week In React is a weekly publication highlighting interesting projects and active members from the React community. Sign up to the weekly newsletter.
✨ Create React App v0.6.1 (create-react-app)
Create React App is the fastest way to get started building with React. This week’s update include:
- 0.6 added a visual overlay for syntax error
- 0.5 added a /public folder for static assets.
🙋 New React Class Launched on Lynda.com
This course is aimed at beginners. The time commitment for this course is estimated at 1 hour 48 minutes.
📺 Video Tutorial: #7 — Connecting React and Redux
For visual learners check out this video walk through connecting ReactJS and Redux. If you like what you hear, start at the first episode of the series.
📖 React: Up & Running: Building Web Applications
This recently launched book, by Stoyan Stefanov, is aimed at beginning React developers. If you know HTML & JS this is a good place to start. amazon
🚀 React Animations (react-animations)
Adding animations to your app can add a liveliness that enhances user experience and helps to humanize your user interface. Animations can also attract the users attention to important elements of your UI. This demo site illustrates the many animations supported.
- flipInX - Could be useful for notifications.
- headShake - Could useful for alerting a user when text entered in a text field doesn't match expected pattern.
🖌 Color Pickers (react-color)
Products that allow users to customize their profiles or themes often need a way to visually pick the right color. The react-color project provides 13 drop-in color pickers modeled after apps like Photoshop and Sketch. It also supports multiple design formats to best match your design. Check it out here.
🗺 React Native Maps 0.9.0 (react-native-maps)
Working with maps in RN is easier with react-native-maps. The project is now hosted under Airbnb’s company github.
This MapView component is built so that features on the map (such as Markers, Polygons, etc.) are specified as children of the MapView itself. This provides an intuitive and react-like API for declaratively controlling features on the map.
🤔 Discussion: fat Arrow vs Autobind vs bind();Bind();Bind();Bind();Bind()?
Follow this discussion about magic binding. Dan Abramov, creator of Redux, shares his thoughts here.
🌳 Contribution Guide and Codebase Overview
When contributing to an Open Source project it’s important to understand how a project handles branches, versioning, issues, and pull requests. Check out the updated Contribution Guide.
Be sure to also review the updated Codebase Overview to understand how to best organize your contributions.
Thanks for the tip, Keyan.
This week’s interview is with Nikhilesh of Exponent.
Eric: Can you tell us more about who are you and where you are from?
Nikhlesh: I’m Nikhilesh Sigatapu. I work for Exponent. I’m from India, have grown up in Qatar since I was two, went to college in the US and am now living in San Francisco.
Eric: What brought you to the React community?
Nikhlesh: I actually got into it right when I started at Exponent since it’s about React (Native). Hadn’t used React before. The first thing I worked on using it was a game and it actually managed to fit fine! I like attempts at re-thinking existing paradigms so it was interesting to me: here is a new model that seems expressive enough to recreate many existing mobile-app type interactions in a different way, what can we do with it?
Eric: What is Exponent?
Nikhlesh: Exponent gives you a development tool and libraries that you can use to write mobile experiences in JavaScript, and a mobile app that lets you view the experiences you and others create. You can also ship your experience as a standalone mobile app to the iOS and Android app stores. So you can easily make interactive things and share them with your friends quickly!
It uses React Native to bring your JavaScript to life so if you’re familiar with that you can use what you’ve learned. There is a built-in library for your app (the Exponent SDK) providing features like Facebook login, photo capture from the camera, playing videos, and other such ‘native’ stuff.
Eric: Why did you join the Exponent project?
Nikhlesh: I met Charlie (one of the founders of Exponent) a year before I came to San Francisco. When I got here we met up again and talked about what we were up to. The year before I was working on a game engine for rapid game development (https://github.com/nikki93/cgame) and I’d just begun writing a new thing like that from scratch again taking some lessons from it. Charlie talked to me about this project he was working on with some folks that let you make mobile phone apps, where you write it in an interpreted language and can share quickly.
There was this underlying vibe of “let’s make a more fun and dynamic way of creating interactive things” that were both passionate about in similar ways. So it made sense to do it!
Eric: Has Exponent or any of your other React projects brought about any interesting or unexpected uses?
Nikhlesh: I think the Pokédex made by satya164 is pretty cool.
Eric: Are you working on anything new or exciting that you can talk about?
Nikhlesh: For the past couple weeks I’ve been experimenting with getting faster and more flexible graphics rendering into Exponent, for games, music visualizers or such. I’ve made a little progress but it’s tricky because of the JavaScript / native interface, React Native’s threading model, and the need for it to be cross-platform. This is the sort of thing I’ve always liked programming so I’m excited about it. Hopefully it works!
Eric: Finally, are there any new projects that you’re interested in?
Nikhlesh: One project I’m interested in and have been watching is http://regl.party/. It’s a ‘stateless, declarative’ interface to WebGL, like React. It’s cool because it allows you to control graphics stuff at a level that directly writing WebGL offers (like writing shaders and tying them to buffers), but at the same time you’re able to work at this level of abstraction where you can just specify what things should look like and it takes care of the WebGL state for you.
Check out Nikhlesh’s latest work here and his company Exponent.
Want us to interview someone from the React community?community@thisweekinreact.com
- Monday, October 3, 2016 — ReactJS Meetup Barcelona at Lodgify
- Thursday, October 13, 2016 — San Francisco ReactJS Meetup at Instacart
- Tuesday, October 18, 2016 — London React Meetup at Facebook
- October 26–28, 2016 — React Conf — Bratislava, Slovakia
Past
- Thursday, September 29, 2016 — Israel at Klarna
- Wednesday, September 28, 2016 — Seattle at Redfin
- Saturday, September 24, 2016 — Bangalore at Multunus
- Thursday, September 22, 2016 — San Francisco at Minted. (Here are my notes from this meetup.)
- Thursday, September 22, 2016 — Netherlands at FrontMen
Do you know about a React event coming up in the next 2 months? community@thisweekinreact.com
This Week in React is a weekly publication that aims to provide interesting videos, links, and interviews to help you quickly catch up on the latest React community developments. Each post shall feature 3+ interesting projects and an interview with someone from the community.
