How and why you should share React data-fetching components. Widgets are reusable components that handle both logic/data-fetching and presentation.
To make things clear— this blog post _is not _about the react-widgets library.
What do I mean by “widgets”, then?
Widgets are reusable components that handle both logic/data-fetching and presentation.
Before you accuse me of blasphemy for suggesting not to separate UI and logic, let me give you a few examples that might convince you there’s a place for nuance in the all-mighty rule/pattern of ‘smart-dumb’, ‘presentational-container’, etc.
staticQueryin Gatsby websites).
To demonstrate sharing and reusing React widgets, We’ll create an avatar widget that fetches an image according to the user’s ID (and then displays it).
The backend part will be handled by a serverless function deployed to Firebase.
The widget and the serverless function will be built in the same repository. Both will be published to Bit’s component hub.
Bit is a tool and a component hub that manages the entire process of sharing components between separate projects.
The best way to learn something is by doing. It works even better if it means working on something for fun. So, how about learning about React, React hooks and TypeScript by building your own meme generator? This tutorial will show you how to do it.
In this post, we learning about React, React hooks and TypeScript by building your own meme generator
React Router library makes the navigation experience of the client in your web page application more joyful, but how?! React Router, indeed, prevent the page from being refreshed. Thus the blank page resulted from a refreshed page is not...