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
This is the last article of the series. We've built a few things with ReasonReact and now it's time to share my opinion about using Reason to create React applications.
Access Part...
Seif Ghezala2019-06-01 路 8 min
A while ago I published this article about building an accessible and reusable modal/dialog component in React.
The component achieves the following requirements:
A reusable component...
Seif Ghezala2019-05-11 路 9 min
I like to go to the Roadmap of ReasonML from time to time to get excited about what's getting cooked. Whenever I visit the page, I can't help but notice these 2 points:
So the official...
Seif Ghezala2019-05-03 路 10 min
ReasonML is a functional programming language with smartly inferred strict types, that compiles to JavaScript. ReasonReact is Reason bindings for ReactJS (aka the translated ReasonML...
Seif Ghezala2019-04-19 路 10 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
This article is not meant to perf-shame you. If you鈥檙e a beginner in React, don鈥檛 focus on performance issues but rather on getting comfortable and productive with it.
The performance...
Seif Ghezala2019-02-01 路 13 min
I know, drag and drop is a solved problem. There are several great utilities you can use to easily have a drag and drop list in your application (dragula, react-beautiful-dnd, and react-dnd)....
Seif Ghezala2018-12-01 路 7 min