Ben Dalton

329 Flips | 2 Magazines | 1 Like | 1 Following | 2 Followers | @benadalton | Keep up with Ben Dalton on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Ben Dalton”

Create your own Serverless API | CSS-Tricks

By Sarah Drasner On July 16, 2018 api, azure, serverless<p>If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome …

Web Development

The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM

The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPMThe Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And …

Web Development

Why I left React for Vue.

Recently, Vue.js gained more stars that React on Github. The popularity of this framework is soaring these days, and as it is not backed by a company …

Software Engineering

Securing your Node js api with JSON Web Token

Nowadays REST ( Representational state transfer) has become the most used style in web architecture due to their simple syntax and flexibility . REST …

JavaScript

Finding duplicates inside an array - Easy Version

Whenever I prepare for the interviews I start with “Arrays and strings” and then move to Linkedlist, trees and eventually find myself lost in …

Programming

Scrolling Gradient | CSS-Tricks

By Chris Coyier On July 13, 2018 gradients<p>Direct Link →<p>If you want a gradient that changes as you scroll down a very long page, you can create a …

Web Development

Building a React-based Chat Client with Redux

Just two users casually chatting.Let’s build a non-trivial app with React and then refactor it to use Redux!Much of the advice you get regarding the …

JavaScript

RxJs switchMap, mergeMap, concatMap (and exhaustMap): Complete Guide

Some of the <i>most commonly used RxJs operators</i> that we find on a daily basis are the RxJs higher-order mapping operators: switchMap, mergeMap, …

JavaScript

Rails API + JWT auth + VueJS SPA: Part 3, Passwords and Tokens management

In two previous articles (Part 1, Part 2) we’ve built a secure todos application with an ability to manage todos, a basic admin panel and a support …

JavaScript

The Three Types of Reusable React Components

Developers frequently talk about the importance of reusing code. We talk about the DRY principle (Don’t Repeat Yourself), code reviews are rife with …

JavaScript

Introduction to Redis

For a high traffic web service, it becomes a necessity for it to leverage some kind of caching mechanism. Caching is a way of storing computed data …

Databases

👆 Pointer events with React — The why, how, what?

Let’s talk about events, more specifically pointer events.<p>What are pointer events?<p>Pointer events provide a unified way of handling all input …

JavaScript

Resisting Higher Order and accepting Functional

So the big idea is that although React itself is declarative, vast majority of code that goes into making an app is imperative. This can be fixed (if …

JavaScript

Angular 6 is Out! What Should Developers And Businesses Expect?

We are halfway in 2018 and the rate at which toolkits and frameworks for the web are being released is unprecedented. In an earlier post, I …

JavaScript

🔥 VSCode Grid Editor Layout Is Here!

VSCode just got June's update 🌞 v1.25 and finally it has the "Grid Editor Layout" feature, I was so looking forward to. I'm lovin' it!<p>🔥 Check: …

Tutorials

React throwaway app 2: Movie Search App

In the first article, I introduced you to the aim of the series and you built a currency converter. In this one, you would be building a movie search …

Software Engineering

CSS Grid Level 2: Here Comes Subgrid

CSS Grid Level 2: Here Comes SubgridCSS Grid Level 2: Here Comes SubgridRachel Andrew 2018-07-03T13:00:47+02:00 2018-07-13T12:33:42+00:00We are now …

Web Development

Functional Reactive Programming - Streams on steroids

What is functional reactive programming at all?<p>Functional reactive programming is a programming paradigm that connects <b>reactive programming</b> with …

Programming

Stateful Peanut Butter and SVG-elly: A React + D3 Tutorial

React is, right at this moment, taking over front end development in a way that, to me at least, is pretty exciting. Tomorrow, that may not be true, …

JavaScript

Integrate video into your applications

Integrate a video stream using only a few lines of code. api.video takes out the complexity from your video workflow. Our API documentation was …

APIs

v4 Create React + Redux app structure with build configurations. What’s new?

If you missed first part go here and figure out what is create-react-redux-app-structure about 😎<p>🕵️‍What’s new?<p>In <b>v4</b> there are a few new things, …

JavaScript

Advanced TypeScript Types with Examples – gitconnected - The Developer Learning Community

Improve your understanding of TypeScript and learn these advanced techniques to help you master the language and utilize TypeScript with React<p>When I …

JavaScript

Backend-in-the-frontend: a pattern for cleaner code

This article is for all those times when the data you’re getting isn’t the data you’re wanting.<p>Allow me to outlay a contrived example, based on a few …

JavaScript

Handling Errors with Error Boundary

Thinking and building in React involves approaching application design in chunks, or <i>components</i>. Each part of your application that performs an action …

JavaScript

How to build powerful REST APIs blazingly fast with Node.js

Let’s face it, if you’re a web developer, you deal with APIs. Whether you write your own or use someone else’s, it’s just part of the job. REST APIs …

JavaScript

Let's code a neural network in plain JavaScript Part 1

Neural Networks

Functional programming paradigms in modern JavaScript: Partial Application

If you’ve been following this series from the beginning then I’m confident to say that by finishing this chapter we will have a solid understanding …

JavaScript

Introduction to Haskell ( Why you should learn it if you are a Javascript developer )

Believe me it will be fun.<p>I have just launched <b>ProgrammerJournal.com</b><b>.</b> <b>A standalone blog where I write about Javascript, Web development and software</b> …

Programming

The Trouble with D3

Recently there were a couple of threads on Twitter discussing the difficulties associated with learning d3.js. I’ve also seen this come up in many …

Data Visualization

How To Build Dynamic Components in Angular 6 – Bits and Pieces

Dynamic Components in any framework/library makes building large-scale apps way easier.<p>Let’s take a look at how we can build dynamic components in …

JavaScript