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.
Subscribe
Get our best content on how to build better apps.
Subscribe
Get our best content on how to build better apps.
Got product development questions?
Join us on
Discord
Tutorial Part 3: Documenting a Stylesheet in a Living Style Guide
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.
The Bitovi Team
Tutorial Part 2: Creating Pages in a Living Style Guide
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.
The Bitovi Team
Tutorial Part 1: Planning Your Living Style Guide
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.
The Bitovi Team
How To Use NDJSON Streams with can-connect
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.
The Bitovi Team
Faster Page Loads: How to Use NDJSON to Stream API Responses
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.
The Bitovi Team
Slimming Down Steal
The slim loader is a new minimal production loader for StealJS apps. You can think of slim as taking all of the useful features that StealJS provides and stripping them away to only what you actually use in your application. This means that your users don't download any code that you're not using, which improves the speed of your application.
The Bitovi Team
Designing and Testing a Mobile eCommerce Navigation
User testing is a great way to validate assumptions and gain new insights about how people interact with our websites and apps. When it comes to eCommerce (and in particular mobile commerce or “mCommerce”) it’s critical to understand how people find and purchase products online. This was evident on one project where we were tasked with testing the mobile website design for retail membership giant, Sam’s. As it turns out, there are many common navigation patterns that aren’t nearly as effective as people might think.
The Bitovi Team