React Newsletter #83

How to securely use CSS-in-JS with React, Redux saga style, why to use field-level validations


News

Progression, Curiosity, and Burnout with Dan Abramov

In this episode Tyler McGinnis chats with Dan Abramov, an Engineer at Facebook and co-author of Redux. They discuss his upbringing and what it's like learning to program in Russia, the backstory of how Redux came to be, handling burnout, and much more.


Articles

How can I securely use CSS-in-JS with React?

CSS-in-JS allows me to interpolate JavaScript variables into my CSS. This gives me a lot of power, but is it safe? What kind of exploits could a malicious user pull off using just CSS injection? And how can I defend against these? James K Nelson answers these questions for us.

Keep Trying: Redux Saga Style

With redux-saga we are able to create what are effectively imperative threads in our front-end applications that control user flow and generally handle our side-effects. Since side-effects are often a point of failure in front-end applications it is not uncommon to see the use of try/catch blocks. In this article Bryan Fillmer shows us a pattern he uses to keep trying a certain saga.

Why not field-level validations?

When thinking about state management in your React applications, it can often be confusing to determine where and when to use props vs using state.

Form validation is a perfect example of this dilemma. In this article Gosha Arinich talks about why local field-level validation might not be the best idea.

Describing full flow using Redux-Saga

Redux-sagas are a lot of fun to work with. They add a lot of extra power to your redux state management, but as your application increases in complexity, it can become difficult to manage them. Ilya Bohaslauchyk demonstrates some common issues with sagas and ways to architect your projects to fix them.


Tutorials

React Navigation Drawer Tutorial

Navigation in React Native is not the most straight forward concept, especially for developers coming from the web. In this tutorial Gant Laborde walks us through building a real world navigation drawer in React Native.


Projects

Build Virtual Reality Experiences Using React VR

In this course you'll explore the possibilities to bring VR to the Web using React VR. Each lesson focuses on one specific concept or component that comes with React VR.


made with ❤️ by ui.dev