React Newsletter #55

Introducing the React VR pre-release, how to learn React, and building a chat component in React and ES6


News

Introducing the React VR Pre-Release

React VR is now in pre-release. What a time to be alive.


Articles

React Elements vs React Components

Components are the building blocks of React. But, Elements kind of are too. If you're still confused by the difference, this post may help.

How I learned React and how you can too

Learning React can be tough. It helps to know how other people learned it to give you a good idea of what works and what doesn't. Here's Sean's approach."


Tutorials

Building a chat component in React and ES6

This is a hands on tutorial series where you build a real world application with React and Redux, and it is great.

Add Facebook Login to Your Existing React Application

Using social media providers as a means of authentication is a great way to securely authenticate users without a lot of sweat on your part. According to Facebook, tens of millions of people use their platform to log into applications all over the web. By integrating Facebook Login with your web application, not only do users get the social capabilities they’ve come to expect, but also the confidence and convenience of reusing their credentials securely.

Practical Redux

Mark Erikson's Practical Redux tutorials are really great. They go through real world scenarios and give a lot of insight into software development with React and Redux. He even uses my (Ean) favorite React UI component library, Semantic-UI React <33333.


Projects

Road to learn React by Robin Wieruch

A lot of roadmaps exist on how to master React. This book uses the common sense of these roads and weaves it into the implementation of an attractive real world app. You will build a React app, which consumes the Hacker News API. On the road you will learn ES6, React with all its basics and advanced concepts and internal state management.

react-md 1.0 release

This project's goal is to be able to create a fully accessible material design styled website using React Components and SASS. With the separation of styles in SASS instead of inline styles, it should hopefully be easy to create custom components with the existing styles

React-Redux 5.0 Release

Updates include Backwards compatible API, Major internal changes, Significant performance improvements in common usage patterns, Bugs fixed, Additional features added to connect(), New connectAdvanced() API. Good work React-Redux team.

React Notification

Snackbar notifications for React by Patrick Burtchaell!

Redux ORM

If you've spent any time in a modern web server, you may have run across the concept of an ORM. ORMs make it easy to query data from a database!

Often times when doing front end development you might find yourself feeling like you wish you could just access your data like you do on the backend, with queries rather than http requests. This library makes it a little simpler to get that kind of feel in your app as it is a small, simple and immutable ORM to manage relational data in your Redux store.


made with ❤️ by ui.dev