When building a microfrontend in React using tools like create-react-app, Webpack, or Vite you might expect plain CSS files and CSS modules to just work, but they don鈥檛 馃槺.
Here is...
Vladimir Zotov2021-10-24 路 4 min
In this article we'll build an auto-playing slideshow using React.
The article is divided into two sections:
The trick
Omar Benseddik2020-11-16 路 7 min
In this article, we will demonstrate how to build React Notifications (toasts) from scratch, without using any third-party library (except React).
The notification component has the...
Seif Ghezala2020-10-19 路 7 min
This series of articles is made out of two parts:
In this first part, we build the stopwatch's user interface with HTML and CSS.
In the second part, we'll make the user interface...
Omar Benseddik2020-06-28 路 7 min
This is a series of articles where we learn a few techniques to create scroll animations with just 1 React hook.
In this first part, we will use the scroll event to achieve that.
...
Seif Ghezala2019-11-01 路 5 min
A SplitPane is a collection of 2 elements whose heights can be changed by dragging a line that separates them. Based on its layout, a SplitPane can be horizontal or vertical. If you've...
Seif Ghezala2019-07-01 路 8 min
A modal dialog is a window overlaid on top of the main application. It鈥檚 an inert window where the user can鈥檛 interact with the rest of the application.
Creating a modal in React is...
Seif Ghezala2019-04-01 路 7 min
In this article, we will create a Progressive Web Application! Don鈥檛 worry, we won鈥檛 make another todo list. Instead, we will build a fun game that satisfies Google鈥檚 checklist for...
Seif Ghezala2018-09-30 路 12 min