Browsed by
Category: javascript

The Unstated React Service Pattern

The Unstated React Service Pattern

This guide demonstrates a React Pattern for sharing global state, without requiring any of the following: 😒 Prop-Drilling đŸ”„ Redux đŸ’Č MobX 🏀 Apollo Link State (The above emojis were auto-selected by Emoj) The Context API Recently I found myself at an Advanced React Training with Michael Jackson(no
 not the King of Pop, the King of React Router 😉). We spent a good deal of the time working through Higher Order components and the new React Context API. Being so new to The React Way, (yet so familiar with…

Read More Read More

DIY React state manager

DIY React state manager

This is a tutorial aim to demystify what libraries like react-redux does under the hood and learn about the new context apis Why even bother I think there are a couple of reasons why you should be interested in how state management works. If you know how it works under the hood, a lot of problems that you might have will be more simple to debug, especially if you’re moving away from a consolidated library to a new library which is…

Read More Read More

You Might Not Need Redux

You Might Not Need Redux

People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at the indirection Redux introduced to their code. “Why do I have to touch three files to get a simple feature working?” Why indeed! People blame Redux, React, functional programming, immutability, and many other things for their woes, and I understand them. It is natural to compare Redux to an approach that doesn’t require “boilerplate” code to update the state, and to…

Read More Read More

LINQ for JavaScript library: mini-linq-js

LINQ for JavaScript library: mini-linq-js

mini-linq.js LINQ for JavaScript library, which allows to work with arrays in a more easy way and focus on business logic. Installation bower install mini-linq-js –save npm install mini-linq-js –save Usage Just link mini-linq.js or mini-linq.min.js in your html. <script type=“text/javascript“ src=“mini-linq.min.js“></script> You can also attach and use mini-linq with knockout observableArray. Just link mini-linq.knockout.js. Also you may use postponed lazy-execution for arrays by linking mini-linq.lazy.js. You also may use it in your Node.JS project by using require(‘mini-linq-js‘); Available methods any all where select selectMany count orderBy orderByDescending groupBy distinct firstOrDefault…

Read More Read More

The new programming language for web apps Imba

The new programming language for web apps Imba

if ruby and react had an indentation-based child, what would it look like? Imba is a new programming language for the web that compiles to performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes. https://github.com/somebee/imba http://imba.io/ https://somebee.github.io/dom-reconciler-bench/index.html ï»ż

Create chrome extension

Create chrome extension

I made an example for chrome extension : chrome extension to generate rss feeds url from a youtube video https://github.com/eramax/RSS-Youtube-Channels-Chrome-extension0 forks.0 stars.0 open issues.Recent commits: updated readme, Ahmed Essam added readme, Ahmed Essam init, Ahmed Essam  

12+ Lightweight CSS Frameworks to Build a Blazing Fast Website

12+ Lightweight CSS Frameworks to Build a Blazing Fast Website

When it comes to building a website, Bootstrap, Foundation and Semantic UI are probably the three frameworks that come to your mind. However, all these frameworks are relatively heavy and require a deep understanding of the core. Particularly when you’re working on a light project, using a lightweight CSS framework can do the job effectively by cutting down all the bloat and providing you just enough features to help you get started quickly. With that in mind, we’ve researched and compiled a list of 12+…

Read More Read More