Profile Picture

Sirwan Afifi

Stories from a web developer.

© 2019. Sirwan Afifi All rights reserved.

Setting-Up-Tailwind

Setup Create a directory then: Install these dependencies: (It creates an empty tailwind.config.js file in the project root): Create a…

Passing custom HTTP Header via Apollo Client

Today I wanted to send along an array as a parameter with all queries from client to server. But I wanted to find a quick way to accomplish…

Redux

Redux is a predictable state container for JavaScript apps. The whole state of your app is stored in an object tree inside a single store…

Initializing state using class field declaration

If you want to initialize state in a class based component we have two options: In constructor As a class property For class based…

Flux

What's Flux? A design pattern developed at Facebook to keep data flowing in one direction (unidirectional data flow) An alternative to MVC…

Building Ionic React App

Make sure you have Node.js installed (https://nodejs.org/dist/v12.13.0/node-v12.13.0-x86.msi) Open command prompt and type in this command…

Testing React Components

comes with a built-in test runner called which is basically a tool for executing unite tests and also reporting the result. To run the test…

Higher-Order Components

Before we get started, we need to understand what a higher-order function is. In JavaScript functions are first-class citizens because they…

Importing JSON files into SQL Server

I was assigned to a task to import a GeoJSON file into a SQL Server database. The file was pretty big; I couldn't even open the file in an…

Using IHostingEnvironment in a test project

Assume that you have a service which accepts as its dependency: Now we wan to be able to load that JSON file inside a test project in order…