-
How-to: A Simple Drag & Drop Files -Parsing CSVs
CSVs files are one of the most common files that we use all the time for exporting or importing data from external sources. So I guess, it is might be…
-
How-to: Build Forms in React with Formik
“Formik is the world’s popular open-source form library for React and React Native.” – https://formik.org/
Building and managing forms can be a pain especially when you are just building it from…
-
What is: React.useEffect and its lifecycle
First render, then effect!
“The Effect Hook lets you perform side effects in function components.” reactjs.org
useEffect handles the ‘side effect’ change that is triggered by a change in your component…
-
What is: React.lazy & Suspense
React 16.6 brought code-splitting to a new level. Webpack defines code-splitting as a “technique of splitting your code into various bundles which can be then loaded on demand or in…
-
Gatsby demo app using Typescript
Just a simple demo on how to set up Gatsby with Typescript and how to replace PropTypes with Typescript interfaces in both functional and class based components.
Also, some common React…
-
What are React Hooks?
React Hooks are now in stable release at React 16.8! It is 100% backward-compatible. No plans to remove classes from React.
With React Hooks, you can use state and other React…
-
What is React.memo()
A higher-order component that came out of React v16.6.0 that is designed to speed up or improve the user interface performance.
React.memo()
Memoization in action
export function Book({title, publishedDate}) {
return…