Unstated  —  The setState of React State Management

Unstated is designed to build on top of the patterns already set out by React components and (the new) Context. Unstated is built upon three pieces that all work together: Container <Subscribe> <Provider> The idea is that the Container only keeps itself busy with the state. Using <Subscribe> you can link that state to your …

The exciting future of React

Good talk by Kitze on some of the new features of React. Think Error Boundaries, the new Context API, etc. Additionally he also looks forwards to getDerivedStateFromProps, the upcoming deprecation of componentWillMount / componentWillUpdate / componentWillReceiveProps, and the aforementioned (but no longer available?) call-return feature.

Introducing Flutter, Google’s new Mobile UI Framework

Recently Google announced Flutter, their mobile UI framework that “helps developers craft high-quality native interfaces for both iOS and Android”. Flutter targets the sweet spot of mobile development: performance and platform integrations of native mobile, with high-velocity development and multi-platform reach of portable UI toolkits. Here’s a simple Hello World app: import ‘package:flutter/material.dart’; void main() …

Unlearning Toxic Behaviors in a Code Review Culture

Sandya Sankarram recently tweeted out this nice list of behaviors to avoid in code reviews: Behaviors to avoid in code reviews: – stating opinion as fact – avalanche of comments – asking devs to fix problems they didn’t cause – judgemental questions – sarcasm@sandyaaaas #AlterConf pic.twitter.com/LX1AeG4JOk — Rachel Thomas (@math_rachel) December 10, 2017 In an …

Trigger macOS notifications from the CLI with node-notifier-cli

$ notify -t “Hello” -m “My Message” -s –open http://github.com $ notify -t “Agent Coulson” –icon https://raw.githubusercontent.com/mikaelbr/node-notifier/master/example/coulson.jpg $ notify -m “My Message” -s Glass $ echo “My Message” | notify -t “Hello” Installation per NPM/Yarn: yarn global add node-notifier-cli TIP: As with many packages you can also run it using the aforementioned npx: npx -p …

Making a Deep Copy of an Object in JavaScript

In JavaScript, when cloning an object via Object.assign({}, obj) or by destructuring it (e.g.{…obj}, only shallow copies are created. Surma has explored some unusual ways – other than JSON.parse(JSON.stringify(obj)); to create an actual deep copy: MessageChannel History API Notification API (told you they were unusual ;)) Deep-copying in JavaScript →

Dribble Inspired Todo Empty State Transition implemented in React Native

Ooh this is nice. Uses a simple Animated.Value which is animated from 0 to 1. Said value is only defined once – in a wrapping component – and is passed on to the various children as a prop. react-native-todo-empty-state-transition →