The some() method tests if any elements of the array pass the test implemented by the provided function. [1,2,3,4,5].some(i => i === 5) # true As simple as that ! But… here come the magic ! If you use forEach and loop through and array of X items and want…

Why Electron? 🤔 It’s an easy solution to build cross platform desktop native applications. A lot of great products are made with this technology e.g Figma, Hyper, Visual Studio Code, Slack and Discord. Uses Web Technologies like HTML,CSS and JavaScript Is an open source project maintained by GitHub (Microsoft 😜) Is compatible with…

Why Parcel? 🤔 It is probably one of the simplest application bundler. Parcel is about: Fast bundle times Bundle all your assets e.g JS, CSS, HTML and more Automatic transforms using Babel and PostCSS Zero config code splitting Hot module replacement Error logging Requirements 👨‍🔧 Yarn Parcel (yarn global add parcel-bundler) GG GL HF WP EZ ! 👨‍🔬 At the root of…

At the WWDC 2018, Apple has announced watchOS’s newest version and showcased many new features. Out of which, one in particular is really interesting for web development: the support of full HTML rendering on the Apple Watch. Clicking on a link from messenger app or an email will open a…

Hey guys, It’s been a while since I’ve written an article. Last week, I’ve decided that from now on I’ll publish 2 articles weekly on different subjects. …

A pipe takes x sequence of operations. The first function receive the argument as an input, process it and gives the output as an input to the next function. etc… until the final result. The difference between compose and pipe is the way the functions are called. Pipe is a left-to-right and Compose a right-to-left. import _ from ‘lodash/fp’ // print :: Any -> Void const print = (val) => console.log(val)

Function composition is a mathematical concept that allows you to combine two or more functions into a new function. It requires you to write your functions in a composable way. This means your functions must have 1 input and 1 output and functions with multiple inputs must be curried. Keep your function pure and focus on the types of the input and output. import _ from ‘lodash/fp’ // print :: Any -> Void const print = (val) => console.log(val)

A higher-order function is a function that can take at least one or more functions as arguments, or returns a function as its result. const names = ['Leonardo_Dinosaur', 'Cheerful_Candytree', 'Reindeer_Fairyfluff'] const removeUnderscore = names.map((name) => { return name.replace('_', ' ') }) // ['Leonardo Dinosaur', 'Cheerful Candytree', 'Reindeer Fairyfluff'] The map method is a HOF that accept a callback (anonymous function).

The array method reduce() transform an array into a single value. How to use it const nums = [1,2,3,4] const sum = nums.reduce((acc, curr) => { return acc + curr }, 0) // 10 Reduce is more flexible than the other array methods we saw before. It is possible to pass an empty object or array as an accumulator and you can return whatever you want inside. If you manipulate a big data and want to filter and map, it’s possible to do this manipulation with only one reduce.