What Happened When I Peeked Into My Node_Modules Directory
Photo: Mint Images/Getty ImagesThe left-pad fiasco shook the JavaScript community to its core when a rouge developer removed a popular module from npm, causing tens of projects to go dark. While code bloat continues to slow down our websites, drain our batteries, and make “npm install” slow for a few seconds, many developers like myself have decided to carefully audit the dependencies we bring int
Function as Child Components
I recently polled on Twitter regarding Higher Order Components and Function as Child, the results were surprising to me. Classic Ryan, “Rethinking Best Practices” anyone? If you don’t know what the “Function as Child” pattern is, this article is my attempt to: Teach you what it is.Convince you of why it is useful.Get some fetching hearts, or retweets or likes or newsletters or something, I don’t k
How to handle state in React.
MotivationRecently there has been a lot of debate about how to manage the state in React. Some claim that setState() doesn’t work as you might expect. That you have to externalize the state using a Flux-like state container and avoid completely the component’s state. On the other hand, there are people concerned that these misconceptions could become a dogma: Adding an external state container jus
You might not need React Router
If you happened to work with Facebook’s React.js library for a while, you might notice a few misconceptions floating in the React community. One of them is the affirmation that React is just V from MVC architecture and needs to be mixed with a bunch of other libraries before it can be used as a framework for developing web applications. In practice, you rarely see a React developer using controlle
Module Loaders: Master the Pipeline!
This article is for developers who want to dig into JavaScript Module Loaders. We will look at how module loaders work, what the stages of the pipeline are, and how they could be customized. If you are new to modules in JavaScript I would recommend to start with this article by Addy Osmani. IntroThe nature of a human brain is that it cannot deal with a lot of objects at the same time (Miller’s Law
ES6 Cyclic Module Loading
Before we get into the differences between ES5 and ES6 handling of cyclic dependencies, let’s first talk about what that means because it isn’t the most common thing and is something I have only recently learned about as well. Cyclical dependencies means that you have 2 files which imports one another. A.js imports B.js, and B.js imports A.js . This isn’t a design pattern that is recommended howev
React Native NavigationExperimental Part 2 — Implementing Redux
NavigationExperimental is no longer the preferred method of Navigation in React Native, and will soon be deprecated. I would suggest checking out React Navigation with is the current standard and my preferred method of navigation. This is a continuation of Part 1. We will now be building navigation using React Native Navigation Experimental but adding Redux to manage state. For part 1, click here.
The Progress of Web Apps
Let’s talk about the progress of web apps. No, that’s not an autocorrect mistake from “progressive web apps” — I want to take a look at how the web has progressed from “a large universe of documents” to a universal application platform. Since I work for Microsoft, I’m going to focus on what this looks like for our platform and customers on Windows. I’m penning this on Medium (as opposed to the MSE
State Streams and React
It has been a while since we adopted React at work. It was the days before Redux and the emphasis in the community was on unidirectional data flow. The two big names in Flux at the time (other than the bare bones library) were Flummox and Reflux. With a large business app to build that is supposed to live for a long time, the rapid change in the Flux landscape has given me some sleepless nights. O
How do I GraphQL?
GraphQL’s query language is very easy to understand. For most people, it clicks immediately and doesn’t require much explanation. Thanks to GraphQL’s type system and tools like GraphiQL — a query builder/editor for GraphQL — learning GraphQL isn’t hard at all, and its advantages over traditional RESTful APIs become obvious quite quickly. Given GraphQL’s clear advantages, almost every developer I’v
React Elements vs React Components vs Component Backing Instances
Many of you have probably heard of Facebook’s React library and used it in your own work or projects. It’s extremely popular and makes developing user interfaces simple and declarative. As the title of this post suggests, React has a couple of concepts referenced throughout its documentation that might be confusing to newer React users. For example, if you look at their Glossary, Top-Level API, an
Confusion about Saga pattern
In this article I share my confusion and findings about Saga pattern. I’m not an expert in Saga or any other mentioned concepts. Recently I’ve been looking into a popular JavaScript library for handling complex asynchronous data flows in React.js applications built with Redux state management library which is called redux-saga. The way it works is very much similar to CSP (Communicating Sequential
Turbocharged JavaScript Refactoring with Codemods
By Joe Lencioni It is fun to plant and harvest new crops in my garden, but I’ll eventually wake up to a mess if I don’t regularly weed. While each weed isn’t a problem by itself, they combine forces to choke the system. Working in a weed-free garden is a productive pleasure. Codebases are like this too. I also don’t enjoy weeding, so I forget to and end up in trouble. Thankfully, in coding, we hav
Announcing Vue.js 2.0
In case you’ve never heard of Vue.js before: Vue.js is a front-end framework that consists of a core view layer and accompanying tools & supporting libraries. You can read a high-level introduction to what makes it different here. Today I am thrilled to announce the first public preview of Vue.js 2.0, which brings along many exciting improvements and new features. Let’s take a peek at what’s in st
Announcing Apex Software Inc
Apex is a solo venture, for much of my career I’ve focused on technologies to help build startups — with Apex my focus will be shifting to the product level. My goal with Apex is simply to create beautiful minimalistic tools and services that people enjoy. I’m not restricting myself to any particular category, though the first few are in the developer tools domain, which I’ll be writing about soon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flow: Mapping an object
The Problem with CSS-In-JS, circa Mid-2016
How I built React Native Tab View
Writing your very first codemod with jscodeshift
MobX 2.2: explicit actions, controlled mutations and improved DX