Immer 7, applying the open-closed principle to UI compononents, and React + TypeScript Cheatsheets
Highlights:
✅ current utility to create snapshot of a draft in the middle of a produce
✅ Support for getters / setters (should help with MobX, Vue etc)
✅ Many other small fixes and improvements
The open-closed principle comes from the early days of object-oriented programming and states that "software entities (like classes, modules, functions, etc.) should be open for extension, but closed for modification." This article demonstrates a simple example of applying the open/closed principle to a UI component in React or Angular.
In this React Testing Library tutorial, Robin Wieruch walks through all the steps necessary to unit test and integration test your React components with confidence."
Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.
Cheatsheets for experienced React developers getting started with TypeScript.
keen-slider is a free, library-agnostic touch slider with native touch/swipe behavior and great performance. It comes with no dependencies, typescript support, multi-touch support. and is compatible with all common browsers.
The 'gooey effect' has been made popular by various blogposts over the years. This tiny component makes it easy to use within React, and has improved the implementation.
This 14-minute video gives quick, helpful explanations of a few foundational elements of common React apps. While mostly geared towards beginners, it's also a helpful review for more experienced React developers.