How can we get a quick and dirty design system MVP (Minimum Viable Product) up and running, with minimal time investment, to prove the benefits? We start with the KendoReact Figma Kits!
We’ll look at useStateMachine—a very lightweight but powerful state machine hook for React applications. Essentially combining useReducer and useEffect, it comes with many advanced features such as entry and exit callbacks, guarded transitions, extended state, etc.
In this article, we’ll build a simple ecommerce site with Shopify and Next.js hosted on Netlify. We’ll also see how to improve the performance of our site by reducing our build times using a new solution introduced by Netlify called Distributed Persistent Rendering.
Although useEffect is enough for most of our needs, we should know about the useLayoutEffect hook—running synchronously, it can be used for things such as animations, measurements, mutations, etc.
Complex state in React involves managing many different state changes in many different components. There’s a library for that! I’ll recommend two, plus tell you what won’t work.