Kirk

50 Flips | 1 Magazine | 3 Likes | @kmccutcheon1 | Keep up with Kirk 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 “Kirk”

Demystifying Array.reduce(): How to understand it and when to use it in your code

ES5 and later versions of JavaScript brought several new methods for handling arrays. Many of them have become the best practice for common tasks …

JavaScript

10 Free Courses to Learn Docker for Programmers and DevOps Engineers

As the software development is moving towards automation, a good knowledge and experience about the Docker could be very valuable for your career, …

DevOps

9 React Guides that stood the test of time

The React world can feel like a bit of a treadmill at times. With so many new packages, APIs and patterns… actually, scratch that. Things are more …

Software Engineering

The definitive Node.js handbook

You can get a PDF, ePub and Mobi version of this page for an easier reference, or to read it on your Kindle or tablet.<p>Table of Contents<p>Introduction …

JavaScript

How Do I Use React Context?

Rumors are flying! Could Context replace redux? Does it make prop drilling extinct? Even if Context !== world peace, the React team has introduced a …

How Parcel simplifies modern JavaScript projects

<b>JavaScript fatigue</b>: a disease that spread during the last years.<br>Three years ago when we started to learn Angular and other technologies, we had to …

How to fetch data in React - RWieruch

Follow<p>- Edit this Post on GitHub<p><i>This month, all articles are sponsored by TRUMPF Laser GmbH. The german company I worked with is using a</i> …

How Fast Can You Learn React?

There is a trend in software development that I am starting to despise from the deepest corners of my liver — portraying complicated stuff as if it …

What Is Redux: A Designer’s Guide

What Is Redux: A Designer’s GuideWhat Is Redux: A Designer’s GuideLinton Ye 2018-07-05T15:30:46+02:00 2018-07-25T05:46:11+00:00Have you heard of …

Software Engineering

Build a simple app using Node JS and MySQL.

Hello world!. In this tutorial, we are going to build a simple CRUD application using Node JS and MySQL.<p>The image above shows the app. It is an …

React — redux for lazy developers. Part 3

It’s the last part of series about creating react redux app.<p>In previous two parts I described how to create classic react redux app, then I made full …

Quickstart with ReactJS: Everything you need to know in 5 minutes

And start building react apps<p>ReactJS is an amazing piece of JavaScript library because of its flexible nature that allows you to build components the …

Elegant UX in React with Material-UI

Material Design is Google’s design language for the web centered around cards, grid-based layouts, and responsive animations. With Material-UI, a …

Making Web Components Work

or: How We Learned to Stop Worrying and Love the DOM Clean, attractive user interfaces and effective user experience have always been pillars of …

Extracting a React JS component and publishing it on NPM

Learn how to share your components with the world<p>So, you’ve created an awesome React JS component and want to share it with other developers. <b>That’s</b> …

Fictional Q&A about JavaScript Hoisting

Q: Here's a question I'd like answered. Why does this work? What is this Jedi nonsense?<p>A: Hoisting.<p>Q: Yeah, yeah, but what is hoisting exactly?<p>A: I …

JavaScript

My react routing structure

This piece was originally posted on my blog at legobox<p>I build frontend applications and APIs often, usually I use a variety of tools, but react has …

JavaScript

Stockroom

README.md<p>Offload your store management to a worker.<p>Stockroom seamlessly runs a Unistore store (and its actions) in a Web Worker, setting up optimized …

The best way to bind event handlers in React

Image: Flickr by liz westBinding event handlers in React can be tricky (you have JavaScript to thank for that). For those who know the history of …

JavaScript

This is why we need to bind event handlers in Class Components in React

While working on React, you must have come across controlled components and event handlers. We need to bind these methods to the component instance …

JavaScript

A apollo-link-state Tutorial for Local State in React - RWieruch

Follow<p>- Edit this Post on GitHub<p><i>I was devastated hearing the news about what happened on Lombok in the last couple of days. Having lived in Bali for</i> …

GraphQL

React Apollo Redux

This library wraps the graphql function from react-apollo function by also dispatching redux actions when a mutation is called.<p>If you were using<p>you …

Schadenfreude

Using Apollo with React (P4D4) - Live Coding with Jesse

Project Management

A React (+ Redux) replacement in 40 lines of code

Browsing the JavaScript sub-Reddit the other day, I was greeted by a peculiar thread called <b>innerself</b>:<p>Unsure as to whether or not it was click-bait, I …

Single command deployment for single page apps

Developing a single page app is hard. From the very beginning, you’ll need to make many decisions — decisions like picking a framework, setting the …

Google Is Giving Away Its Best Tools for Managers Absolutely Free

Put Google's insights about what makes a great manager to use without paying a penny.<p>When it comes to developing great managers, Google doesn't leave much to chance. The data-obsessed company famously spent years studying the attributes of effective managers for its Project Oxygen, determining that …

Learning React.js is easier than you think

This article uses embedded jsComplete code snippets which needs a decent screen width to be readable. For a version that’s more readable on phones …

New project taps Node.js for microservices API gateway

Looking to take some complexity out of microservices deployments, LunchBadger has built an open source API gateway to secure microservices and expose …