‘React Ninja’ Newsletter: Environment variables, atomic design & testing Redux-Sagas

Weekly · Andrés Cidel · August 31· Join for free or add the newsletter rss

Image by Danilo Woznica

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

Jexia

Develop smart, not hard. Simplify the way you build applications. Use Jexia as your smart developer platform and create applications faster.

Jexia’s Editorial Team

Written by

As a dev platform we are keen on sharing insights in today’s software development journey.

Jexia

Jexia

Develop smart, not hard. Simplify the way you build applications. Use Jexia as your smart developer platform and create applications faster.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade