Open in app

Sign In

Write

Sign In

Seif Ghezala 🇩🇿
Seif Ghezala 🇩🇿

188 Followers

Home

About

Apr 1, 2019

How to create an accessible React modal

A step-by-step guide to creating an accessible and reusable modal component in React — This article is originally published on Tinloof. A modal dialog is a window overlaid on top of the main application. It’s an inert window where the user can’t interact with the rest of the application. Creating a modal in React is fairly easy. There are dozens of resources that explain…

JavaScript

5 min read

How to create an accessible React modal
How to create an accessible React modal
JavaScript

5 min read


Published in

We’ve moved to freeCodeCamp.org/news

·Mar 1, 2019

A basic introduction to functional programming principles in ReasonML

This article is originally published on Tinloof. Functional programming is a programming paradigm based on several principles such as immutability and purity. ReasonML extends the functional language OCaml and compiles to JavaScript. This article aims to introduce you to some very basic functional principles present in ReasonML and OCaml. …

Functional Programming

4 min read

A basic introduction to functional programming principles in ReasonML
A basic introduction to functional programming principles in ReasonML
Functional Programming

4 min read


Feb 15, 2019

Yeah hooks are good, but have you tried faster React Components?

5 simple tips to improve the performance of a React application — Note: This article is not meant to perf-shame you. If you’re a beginner in React, don’t focus on performance issues but rather on getting comfortable and productive with it. This article is originally published on Tinloof. The performance of a React application can be defined by how long the user…

React

8 min read

Yeah hooks are good, but have you tried faster React Components?
Yeah hooks are good, but have you tried faster React Components?
React

8 min read


Published in

We’ve moved to freeCodeCamp.org/news

·Feb 1, 2019

ReasonML vs TypeScript: comparing their type systems

This article is originally published on Tinloof. A type is a labeled set of constraints that can be imposed on a value. A type system analyses values in a piece of code, and validates them against their types. JavaScript has a type system, but it’s dynamic. …

JavaScript

7 min read

ReasonML vs TypeScript: comparing their type systems
ReasonML vs TypeScript: comparing their type systems
JavaScript

7 min read


Published in

We’ve moved to freeCodeCamp.org/news

·Dec 1, 2018

How to make and test your own React drag and drop list with 0 dependencies

This article is originally published on Tinloof. 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). These libraries offer APIs that make it easy to meet your…

JavaScript

5 min read

How to make and test your own React drag and drop list with 0 dependencies
How to make and test your own React drag and drop list with 0 dependencies
JavaScript

5 min read


Published in

HackerNoon.com

·Nov 1, 2018

JavaScript’s Maps For Better Performance

A concrete example showcasing the performance of JavaScript Maps. — This article is not intended to explore the API of the Map object in details. If you’re looking for such a source, please check out MDN. This article is originally published on Tinloof. In general, the Map data structure is useful when we want to retrieve/add/delete values through a set…

JavaScript

4 min read

JavaScript’s Maps For Better Performance
JavaScript’s Maps For Better Performance
JavaScript

4 min read


Sep 30, 2018

How to Create a PWA Game using Preact in 5 steps (Tutorial)

In this article, we will create a Progressive Web Application! Don’t worry, we won’t make another todo list. Instead, we will build a fun game that satisfies Google’s checklist for building a PWA. You can play it here and check the final source code on Github. The article is originally…

JavaScript

9 min read

How to Create a PWA Game using Preact in 5 steps (Tutorial)
How to Create a PWA Game using Preact in 5 steps (Tutorial)
JavaScript

9 min read


Published in

HackerNoon.com

·Jun 11, 2017

Taking A Step Back From JavaScript Hype To Understand Scope Resolution in ES6

Explaining JavaScript scope resolution in ES6. — JavaScript hype is real! The language itself, its community, and its ecosystems are growing extremely fast. Moreover, the existence of so many different sources of knowledge makes the language reflect the anarchy of the Web. …

JavaScript

5 min read

Taking A Step Back From JavaScript Hype To Understand Scope Resolution in ES6
Taking A Step Back From JavaScript Hype To Understand Scope Resolution in ES6
JavaScript

5 min read

Seif Ghezala 🇩🇿

Seif Ghezala 🇩🇿

188 Followers

Web Developer · #javascript #html5 #css3 · Writing about @react & @reasonml. https://t.co/TNMJNkLNgC · https://t.co/UYPVJ7MFY2

Following
  • David Gilbertson

    David Gilbertson

  • Eric Elliott

    Eric Elliott

  • Meteor Software

    Meteor Software

  • Nathan Curtis

    Nathan Curtis

  • Mike Monteiro

    Mike Monteiro

See all (57)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams