Articles

Justin Meyer

Stable and Innovative Code Bases

posted in CanJS, stable-and-innovative on September 7, 2017 by Justin Meyer

CanJS’s mission is to make sure the code you write today is valuable years in the future. This starts by ensuring CanJS is thriving despite constantly changing techniques and technology. We’ve learned a lot managing CanJS’s 10 year old codebase. This is the first of many (possibly 7!) articles highlighting techniques the DoneJS core team uses to keep CanJS stable and innovative within a constantly changing technology landscape. While CanJS’s code base is used as an example, these techniques apply to any code base.
Chasen Le Hara

August 2017 DoneJS Community Update

posted in Open Source, CanJS, StealJS, DoneJS on September 6, 2017 by Chasen Le Hara

Lots of notable releases, community projects, and technical content were released in the DoneJS community last month! This post outlines some of the highlights from August 2017.
Bianca Gandolfo

Tutorial: Automate Your Upgrade to CanJS 3 with can-migrate

posted in Open Source, CanJS, javascript on August 15, 2017 by Bianca Gandolfo

In this tutorial, we will migrate a CanJS app to CanJS 3 using can-migrate, a CLI codebase refactoring tool that automates a large portion of the work required to upgrade a 2.x codebase to CanJS 3.
Adri De La Cuadra

Tutorial Part 3: Documenting a Stylesheet in a Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

The heart of creating a LSG is the ability to put your documentation right where it belongs: in the source code. Chances are that you are already documenting your code, which is a great opportunity to take it to the next level by using a style guide generator that can turn those comments into an organized site, letting others (and yourself from the future) know why and what has been done in the code.
Adri De La Cuadra

Tutorial Part 2: Creating Pages in a Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

While the bulk of your LSG documentation will come from special comments that you add to the source code, you can also create standalone pages where you can host other types of content that are not specific to the code (think of design principles, accessibility guidelines, or pull request guidelines). This gives you the advantage of centralizing your documentation in one place: your application living style guide.
Adri De La Cuadra

Tutorial Part 1: Planning Your Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

Using a living style guide (LSG) to drive development is a practice that is gaining a lot of popularity because its many advantages, including code efficiency and UI consistency. But, how can you create one? What should you include? And where do you even start? In this 3 part tutorial I will delve into the nitty-gritty details of creating a living style using DocumentCSS.
Chasen Le Hara

July 2017 DoneJS Community Update

posted in Open Source, CanJS, StealJS, DoneJS on August 1, 2017 by Chasen Le Hara

Lots of notable releases, community projects, and technical content were released in the DoneJS community last month! This post outlines some of the highlights from July 2017.
Lela Kodai

The Designer's Checklist for Reviewing Pull Requests

posted in Design on July 25, 2017 by Lela Kodai

Imagine this: you’re a designer who has been tagged on a pull request as a reviewer. It’s up to you to look at the changes made and decide if you are going to approve them and let them frolic with the rest of the app code.
Bianca Gandolfo

How To Use NDJSON Streams with can-connect

posted in Open Source, Development, CanJS on July 18, 2017 by Bianca Gandolfo

In our previous post, we talked about how to improve an app’s performance and user experience by incrementally updating our app’s UI as we received a stream of data from our API. Our example app was built on the Fetch API and can-ndjson-stream to get a ReadableStream of NDJSON and render the stream in our app.
Bianca Gandolfo

Faster Page Loads: How to Use NDJSON to Stream API Responses

posted in Open Source, Development, CanJS on July 12, 2017 by Bianca Gandolfo

Ever wish you could send your data as a stream so that the client can start manipulating it and rendering it as it arrives? Tired of waiting for your entire JSON object to resolve before your users see anything interesting? As you may have seen in my previous article on David Walsh Blog, this is now possible with the Fetch API! Stream responses are supported in Chrome 52 and in development in Firefox and Edge. This quick tutorial will show you how to set up a simple Express API to emit a ReadableStream of NDJSON.