React team has released React 18 and the theme for this release is concurrency. Needless to say, React 18 has introduced some new hooks to help us build better and more responsive web applications: Today, we will take a look at how to use these hooks in your project in practice. useTransition Hook By default, …
Images are crucial elements that will bring a strong visual power to a web page. Too many images, however, will deteriorate the performance of a web page due to too many requests to the server. One of the optimisation technique we can use is CSS Sprite, which basically combining multiple images into one image. Then, …
Scaling / Resizing Responsive Retina CSS Sprite Icon in React Read More »
Great news people! Create React App v5 is just released with a bunch of upgrades such as support for Webpack 5, PostCSS 8, and one of my favourites is that it comes with TailwindCSS v3. You are no longer in need of craco or react-app-rewired to get TailwindCSS work with CRA. All you need is …
Create React App v5 is now comes with TailwindCSS v3 Read More »
Localisation is very important for every web application to bring a better user experience to all the users from around the globe and not lose your potential customers. Today, we will look into how to integrate localisation into your React web app including how to handle language changes, formatting, as well as how to load …
With the rise of React Hooks, many developers have added hooks into their open source libraries. If you are using react-redux libraries, they also provided hooks such as useSelector and useDispatch as well. Although hooks allow us to use redux with ease in React, however, there is not much documentation about unit testing with hooks. …
