React Newsletter #105

Getting started with React Native and Expo, passing props to a components rendered by React Router, and how to deploy a ReasonML React app with Docker


Articles

Get started with React Native and Expo in minutes

What exactly Expo is? It’s a set of tools built for React Native, giving you a nice layer of abstraction over some common, mobile-development tasks and APIs (e.g. camera, push notifications, ARKit, location services, file system), but for me the most important and nice is that you can see your app on your device or try it in the browser within minutes from creating the project!

React Native: Continuous Integration and Deployment

An article on how much Continuous Integration and Deployment has helped me with building React Native applications and delivering them to the client, making everyone happy and worry free by relaying on automated services.

Pass props to a component rendered by React Router

In this post you’ll learn how to pass props to components being rendered by React Router.

How I deployed a ReasonML React app with Docker

ReasonML lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. Did you know that 50% of Facebook Messenger is in ReasonML. Check it out if you haven’t yet!

In this article Anirudh talks about their adventures in ReasonML with React.

How to model the behavior of Redux apps using statecharts

In this article, Luca Matteis discusses how the behavior of Redux apps can be decoupled from components, containers, or middlewares — places where we usually keep such logic — and can be contained and described entirely using a statechart. This allows for much easier refactoring and visualization of our application’s behavior.


Tutorials

React Native Authentication in Depth

Implementing real world production tested multi factor authentication in a React Native application.

Developing Games with React, Redux, and SVG - Part 2

In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games.


Sponsor

Planning a React Application: Whitepaper

Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy.


Projects

add-reason

This is an easy to use cli tool that helps you seamlessly interop ReasonML code with an existing JavaScript project. You tell them where your ReasonML code is, and they'll handle the rest!

Hygen

The JS community as a whole tends to be more interested in configurability than following conventions. Hygen takes things a big in the opposite direction by generating code for you.


Videos

Mutable or Immutable? Why not both!

MobX or Redux? Mutable or Immutable? Why not do both? In this talk you'll discover MobX-State-Tree, an ongoing experiment to create an opinionated state management library that mixes mutable and immutable, OOP and functional programming, Redux and MobX.


made with ❤️ by ui.dev