‘React Ninja’ Newsletter: Environment variables, atomic design & testing Redux-Sagas
Weekly · Andrés Cidel · August 31· Join for free or add the newsletter rss

Stay up-to-date and ahead of your peers with Andrés Cidel’s newsletter for senior React developers.
Andrés currently applies his knowledge to build developer platform Jexia. You can check previous newsletter editions here.
Fundamentals
Thinking About React, atomically
If you’re not familiar with Brad Frost’s Atomic Design principles, stop right now and go read about it on his blog or buy his book. By Katia Sittmann.
React ←> React + Redux ←> React + GraphQL
In this blog I am trying to explain the comparison between React vs React+Redux vs React+GraphQL with respect to application’s state management. By Sankar R.
Understanding Javascript’s execution context and stack
If you are a JavaScript developer, then you must know how the JavaScript programs are executed internally. By Sukhjinder Arora.
Environment Variables : Webpack config using DefinePlugin
In simple terms, Environment Variables are variables that are set depending on the computer (server) the software is running on. By Bhautik Bharadava.
Best-practices
Atomic design and our component library
We have been moving our React components over to a component library (CL). This library, imported as a node package, is seen as an agnostic third-party. By Dan Cherouny.
Accessing React State right after setting it
As I have been browsing Stack Overflow questions, I’ve noticed that many bugs are due to trying to access a state value after setting it. By Sung Kim.
Level up your React architecture with MVVM
Ever opened a project and left traumatised as you saw an incomprehensible and unmaintainable JS code you don’t want to touch even with an isolated rod? By Danijel Vincijanovic.
Using QR codes to facilitate testing config in React Native
Test environment configuration is a challenge in React Native. We propose a simple solution and then illustrate how to use QR codes to make it user-friendly. By Dan Homola.
DevTools Profiler to diagnose React app performance issues
We had a big performance issue with rendering large server logs. Now we don’t. All thanks to the DevTools Profiler. By Swyx.
Tutorials
Testing Redux-Sagas with a plan
Today, we use Redux-Saga heavily in our enterprise application. Most of the logic and all of the side-effects are handled by our Sagas. By Karan Jariwala.
React Native login using the Facebook SDK
React Native has lots of dependencies, that depend on tons of other dependencies, and they move pretty fast (and break things). By Khoa Pham.
Combining HOCs with the new React’s Context API
React has recently released a minor version (16.3) that includes a ‘stable’ version of the hyped Context API. By Francisco Varisco.
Build a secure Progressive Web App with Spring Boot and React
In this tutorial, we take a look at how to securely build a web app with Spring Boot and React, focusing on OAuth 2.0, saving user data, and adding images. By Matt Raible.
Tools
Introducing nion
Excited to open source nion, a declarative API data management library built on top of Redux that solved some big pain points that our frontend team has felt. By jason byttow.
React Prototypes using Figma and Pagedraw
I was a bit skeptical in joining Figma because it’s a design tool which was primarily web based thus implying internet connectivity as a pre-requisite to work. By Dennis Muthuri.
Videos
Weekly · Andrés Cidel · August 31· Join for free or add the newsletter rss

