40 NPM Modules We Can’t Live Without
Buckle up and get ready to get technical. Today we’re going to tell you all about the npm modules we use here at Croissant. Why? Because sharing is caring. So without further ado, here they are, in alphabetical order: agenda This is what allows us to schedule what most people call “cron” jobs. For example, we have a job that runs every few minutes to make sure Croissanters don’t stay past the clos
An Intro to Functional Programming Concepts in JavaScript
Much of functional programming is about composing functions together to handle our data in predictable ways. Simple functions neatly tied together create increasingly complex, yet dependable functions to build upon. This blog post is part 1 of a multi-part series. In part 1, we will introduce the library Ramda and the concepts of composition, pointfree style, and functors through the simplest of e
Understanding Redux Middleware
I have been using Facebook’s React since v0.9.x in Feb 2014. I am a defector from Backbone.js which initially started after replacing our view layer with React. After understanding the benefits of Flux and it’s unidirectional flow architecture it became pretty evident that I did not need Backbone.js models and collections anymore. I will assume you have some basic knowledge of Flux, Redux, React,
Functions without ”function”
With the release of ES2015 comes three new ways to create functions in JavaScript. // Arrow functions const add = (x, y) => { return x + y }// Concise methods const MathUtils = { add (x, y) { return x + y } }// Classes class Point { constructor (x, y) { this.x = x this.y = y } }// Turns out, `Point` is still just a function.People have a great time pointing at JavaScript and sarcastically saying t
How to Use Classes and Sleep at Night
There is a growing sentiment in the JavaScript community that ES6 classes are not awesome: Classes obscure the prototypal inheritance at the core of JS.Classes encourage inheritance but you should prefer composition.Classes tend to lock you into the first bad design you came up with.I think it’s great that the JavaScript community is paying attention to the problems caused by the use of classes an
A cartoon guide to Flux
Flux is both one of the most popular and one of the least understood topics in current web development. This guide is an attempt to explain it in a way everyone can understand. The problemFirst, I should explain the basic problem that Flux solves. Flux is a pattern for handling data in your application. Flux and React grew up together at Facebook. Many people use them together, though you can use
Redux best practices
Redux is the React framework that other flux frameworks recommend you use. It went 1.0.0 when I started writing this (and is at the time of publishing past 3.0.0!) and it’s still early days as to how to use it. Its author, Dan Abramov, has put together some great documentation, but it doesn’t yet fully address how to deal with engineering with Redux at scale — people are starting to ask, “are ther
React and Flux: A Docker Development Workflow
Docker development environments are quickly becoming the de facto standard for productive programming. Perhaps Vagrant ignited the inspiration with it’s remarkable ability to share server environments across development workspaces. However, Docker’s simplistic Dockerfiles and fast build times including inheritable build images appear to be giving it a dominant position in the development ecosystem
Browserify vs Webpack
In the land of JavaScript, no one is king for long. Just last year Grunt was effectively dethroned by Gulp. And now, just as Gulp and Browserify are finally reaching critical mass, Webpack threatens to unseat them both. Is there truly a compelling reason to change your front-end build process yet again? Let’s consider the merits of each approach. Browserify (and friends…)Browserify is conceptually
The 5 ES7 Decorators I want to use, now.
With ES6 finalized in June, it is time to look forward to ES7. There are some awesome proposals that you should get excited about, including: Object.observe, async functions, and the new bind operator (<this>::<fn>). The future of javascript is even more exciting with the announcement of Web Assembly. All this mixed with V8, Node and Tessel, and we are seeing Javascript slowly begin to take over t
Why I cannot say FRP but I just did
The story of a useful acronym with overprotective parents Functional Reactive Programming (FRP) is an increasingly popular acronym. Both reactive and functional programming are genuinely useful terms conveying ideas without formal rigor. FRP, however, is a radically strict term for a programming technique mathematically defined about 20 years ago. People loosely use FRP to refer to reactive progra
Pure rendering in the light of time and state
When we started about half a year ago on finding a suitable technique to build an enterprise scale web application, one of my team mates shouted at least once a day: “The user interface should be expressed using pure functions!” That sounded a bit vague; yet it started a very interesting dive into several techniques to find the ultimate, maintainable, well-performing pure rendering mechanism. This
Why I use Tape Instead of Mocha & So Should You
UPDATE: I now use RITEway instead of Tape. It’s wrapper around Tape to make it even simpler to write great unit tests which provide clear bug reports when they fail. See “Rethinking Unit Test Assertions” for more details. TL;DR: Mocha is a $150k Porsche Panamera when the best tool for the job is a $30k Tesla Model 3. Don’t waste your resources on testing bells and whistles. Invest them in creating
Your First GraphQL Server
So, today we’re going to write a small GraphQL server. I’m not going to try to persuade you to drop everything and adopt GraphQL — but if you’re curious about what this stuff looks like today and how it works, read on. Setup an HTTP ServerWe need a server to receive our GraphQL queries. There’s nothing in the GraphQL spec that demands we do this over HTTP, but since the GraphQL reference implement
Exploring EcmaScript Decorators
Iterators, generators and array comprehensions; The similarities between JavaScript and Python continue to increase over time and I for one could not be more excited. Today we’re going to talk about the next Pythonic proposal for ECMAScript — Decorators, by Yehuda Katz. Update 07/29/17: Decorators are advancing at TC39. The latest work on them can be found in the proposals repo. Several new exampl
Introducing Incremental DOM
Over the last few years virtual DOM implementations like React, virtual-dom, Glimmer and others have gained major adoption and changed how developers think about their interaction with the DOM. In our own work with virtual DOM implementations we have found 2 major issues that we set out to fix: We really like templates. Our designers like templates. Lets make sure we can continue to use our existi
GraphQL in the age of REST APIs
I’ve been excited about GraphQL since it was teased in January, and now as of Thursday the spec is finally available. Huge thanks to @leeb, @dlschafer and @schrockn for getting it out! If you’re interested in the details, it’s worth checking out the spec itself, but the most important thing is: GraphQL is an API. GraphQL tries to improve the way clients communicate with remote systems. An Applicat
Reacting to a React Performance Analysis
[ Jul. 6, 2015: Updated with response from Paul Lewis. ] On Friday, Google employee Paul Lewis (@aerotwist) published a blog post with results from his measurement of React’s DOM performance relative to vanilla JavaScript on a particular benchmark he constructed. Others have already raised questions about the particular choice of benchmark (append operations to a single large list), observing that
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Airbnb Tech Blog – Medium
Slack and OSS Communities