Raystlin

249 Flips | 7 Magazines | 92 Likes | 3 Following | @raystlin | Keep up with Raystlin 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 “Raystlin”

A Beginner's Guide: Memoization

This article was originally posted on malikbrowne.com.<p>Last week, I was browsing different articles for guidance on the new lifecycle methods in React …

Programming

Table of Contents

JavaScript Exercises<p><i>Collection of JavaScript exercises great for preparing for an interview</i><p>Series of interesting JavaScript exercises that I solve …

The Mouthwatering Dinner You Can Make with Just 5 Ingredients (And Kids Love It, Too)

A Dutch baby is basically a pancake and a popover combined—and it will quickly become an easy dinner go-to.<p>I always thought Dutch baby pancakes had …

Breakfast

Digging Into React Context

You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the …

React unit testing series (Part 1)

This blog is going to have two parts:<p>Basics about unit testing, testing frameworks and DOM interaction libraries<br>• Bursting myths about Jest testing …

Announcing npm@6

In coordination with today’s announcement of Node.js v10, we’re excited to announce npm@6. This major update to npm includes powerful new security …

How to master advanced React design patterns: Render Props

In Part 1 of this series we discussed how we could use compound components and static class properties to enable us to produce a readable and …

Software Engineering

A quick guide to CORS

A JavaScript application running in the browser can usually only access HTTP resources on the same domain (origin) that serves it.Loading images or …

react-deploy

Create React App deployment to S3 bucket along with app versioning and activation features.<p>Activate any revisions<p>This package doesn't build the …

Debugging JavaScript with Source Maps

One of the frustrating situations I often encounter when debugging JavaScript, is tracking down <b>JavaScript errors</b> to <b>line 23 col 63475</b>. I felt as …

9 Promising Promise Tips

Promises are great to work with! Or so does your fellow developer at work says.<p>This article would give you to the point no bullshit tips on how to …

A GraphQL Primer: The Evolution Of API Design (Part 2)

In Part 1 we looked at how APIs have evolved over the last few decades and how each one gave way to the next. We also talked about some of the …

JavaScript

Top Articles of the Week — Async/Await, React, Vanilla JavaScript, Functional Programming…

“Testing leads to failure, and failure leads to understanding.” — Burt Rutan Tweet Quote<p>Your weekly summary of the best articles and tutorials for …

How to connect PlayStation VR to your PC

Sony's entry into the VR world has been a hit — their head-mounted display is as comfortable as they get, and the library of quality games continues …

JavaScript — Null vs. Undefined

JavaScript — Null vs. Undefined<p>Learn the differences and similarities between null and undefined in JavaScript<p>At first glance, null and undefined may …

React Redux Tutorial for Beginners, learning Redux in 2018

<i>The simplest React Redux tutorial I wish I had when I started learning</i><p>When I first started learning <b>Redux</b> I wish I could find the simplest tutorial …

How to write highly readable React code — 10 coding style tips

When doing code reviews, developers rarely get enough time to truly understand each line of code we’re reviewing. Instead, we have to quickly ponder …

JavaScript

Node.JS Open Source for the Past Year (v.2018)

25 Amazing Open Source Node.js Projects for the Past Year (v.2018)<p><b>For the past year</b>, we’ve compared nearly 4,700 Node.js open source projects to pick …

npm

How to use Web Workers to schedule consistent asynchronous tasks in JavaScript

With the continuous improvements being made to Javascript engines, and the ever-expanding list of deprecated and new API’s to the ECMASCRIPT …

JavaScript

⚗ Zero config UI for Jest ⚗

The plan for Majestic v1<p>What is Majestic?<p>Majestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of …

Introduction to Hapi.Js

hapi.js (also known as hapi) is an open-source framework for web applications. The most common use of hapi is to build web services such as JSON API. …

React Example Apps

f8app<p>Source code of the official F8 app of 2017, powered by React Native and other Facebook open source projects.<p>kitematic<p>Visual Docker Container …

Software Engineering

With styled-components into the future

Preprocessing is dead, long live preprocessing!<p><i>This is a transcript of a talk I gave on the 11th of October, 2017, at</i> <i>WEBdeLDN</i><i>.</i><p>styled-components has …

componentDidMakeSense — React Component Lifecycle Explanation

Learn the React lifecycle methods and when/how to use them<p>React is incredible because it allows you to build your UI using a declarative API. You …

JavaScript

Debugging React Like a Champ with VSCode

Gone are the days where I spend my time bouncing back and forth between the terminal, browser and editor. Ain’t nobody got time for that!<p>In this …

JavaScript

This Diet Burns Fat Like No Other—and You've Probably Never Heard of It

The ketogenic diet is having a moment. Scientists are beginning to discover that this relatively little-known diet reduces inflammation in the brain, …

2 easy ways to get data from Unsplash.com in React

<i>unsplash.com/photos/k_T9Zj3SE8k</i><p>Since Unsplash.com released their API and I just love their content, I decided to write a short article on how to use …

True path to become a JavaScript Ninja — III

<b>Last week</b>, we came familiar with the second phase of our path that we are currently on. It was Practicing Phase, followed by Learning Phase. Now we …