Articles
Webpack: hot reload for CSS modules
Ruslan PrytulaJanuary 16, 2017 2:02 PM
In this post, I'll show you a way to make hot reloading work for stylesheets in a non-React project with enabled CSS modules. By the way, it's going to be a hackish way to get things done :)
Why and How to Use PureComponent in React.js
Dmitry VasyukJanuary 11, 2017 10:20 AM
React 15.3 was released on June 29, 2016 and the first item in release-notes was the support for React.PureComponent, which replaces its predecessor pure-render-mixin. In this article we're going to discuss why this component is so important and where we could use it.
Simple Starter Kit for NodeJS AWS Lambda functions using CloudFormation
Oleksii RudenkoJanuary 8, 2017 7:32 AM
In this tutorial, I present a simple dependency-free starter kit which uses CloudFormation to help you manage NodeJS Lambda functions
Functional Testing of Web Applications using TestCafe and NightWatch
Vladislav IhostDecember 6, 2016 1:08 PM
Comparison of TestCafe and NightWatch, two popular function test frameworks for web applications
Checklist for Developers of Robust Enterprise Services
Sergey TeplyakovNovember 21, 2016 12:00 PM
This checklist outlines main points that every developer who integrates enterprise APIs should keep in mind in order to create robust and resilient systems
Performance of Inter-process Communications in Node.js
Alexandr ShuvaevNovember 16, 2016 4:00 PM
In this post results of performance tests of different flavors of inter-process communication in NodeJS are presented. In particular, the following options are tested: Redis Pub/Sub vs ChildProcess.send vs tcp sockets vs unix sockets
Hot Reloading for Chrome Extensions
Vitaly GordonNovember 13, 2016 5:35 AM
This blog post introduces a hot reloader for Chrome extensions that greatly simplifies the development workflow
Universal Javascript with JSPM
Oleksii RudenkoOctober 30, 2016 10:23 AM
This is a short tutorial on how to implement something similar to what next.js does using JSPM ( with server-side rendering and automatic code splitting). Inspired by next.js
Immediate State Updates for REST/HTTP APIs using Observer Pattern
Oleksii RudenkoOctober 23, 2016 2:55 PM
In this post I talk about some limitations of APIs developed in enterprises nowadays and in particular about the problem of getting updates via normal HTTP APIs and how it can be solved by applying the Observer pattern.
Working with PostgreSQL's timestamp without timezone in Node
Oleksii RudenkoJune 1, 2016 2:55 PM
In the post you will learn how to use timestamp fields without a timezone in PostgreSQL and Node and how to avoid issues with timezones
EmberCLI - Include external library and its resources
Ruslan PrytulaMarch 24, 2016 2:55 PM
Ember CLI: How to add external library and related resources to your app. Materialize CSS is used an example to show how to add all Roboto fonts to the app. Read how broccoli-funnel helps to tackle the problem.
ES6 Slides
Oleksii RudenkoFebruary 5, 2016 3:16 PM
Slides presenting major ES6 features and probable ES7 features. Also highlights what features are supported in node 4.2.*, the current LTS release
Executing JS Code in a Sandbox with Node's VM Module
Oleksii RudenkoJanuary 11, 2016 1:25 PM
Executing JS code with Node's VM module: basic usage, performance and safety issues.
Generating Coupon/Voucher Codes in NodeJS
Oleksii RudenkoNovember 9, 2015 3:00 PM
simple tutorial on using a nodejs library for coupon code generation called coupon-code
Record Videos in the Browser Using Media Recorder API
Ruslan PrytulaOctober 29, 2015 5:54 PM
Learn how to use newly-released MediaRecorder API to shoot videos in the browser
Ember Way to Format Data Using Dynamic CPs, Services and Helpers
Oleksii RudenkoOctober 27, 2015 12:26 PM
Complete tutorial on implementing formatting routines and connecting them to various parts of your app through computed properties, services and helpers.
Best Practices for Using Promises in JS
Oleksii RudenkoOctober 21, 2015 4:29 PM
A list of 6 things that I consider as best practices when it comes to working with Promises
Using Recast to Automate Analysis and Maintenance of JS Code
Oleksii RudenkoOctober 17, 2015 6:46 PM
Read an introduction to Recast and a short tutorial on using it to automate common tasks of source code processing
Rendering PDF files in the browser with JS
Ruslan PrytulaOctober 6, 2015 6:51 PM
Overview of JS libraries which are able to render PDF files in the browser
Adding Analytics to Your Ember Apps Once and for all Using Segment's Analytics.js
Oleksii RudenkoSeptember 30, 2015 3:47 PM
This tutorial shows how to integrate your Ember or ember-cli app with Analytics.js by Segment - an open-source adapter for various analytics platforms
Router service for Ember Apps
Oleksii RudenkoSeptember 30, 2015 3:47 PM
An example of how to prepare your Ember App for the soon-coming(hopefully) Router service
Sencha Touch/ExtJS: Avoiding memory leaks
Ruslan PrytulaAugust 13, 2015 2:54 PM
In this blog post a couple of techniques to avoid memory leaks in Sencha Touch are described
How to render an HTMLBars template to a string in Ember 2.0?
Oleksii RudenkoAugust 13, 2015 2:42 PM
In this blog post, I show how to render a HTMLBars template to a string in Ember 2.0
Development of Cross-browser Extensions using ES6 and BabelJS
Ruslan PrytulaAugust 13, 2015 2:37 PM
Last few months we're working really hard on our service Tips by 60 Devs. In this post I would like to share an experience of how we developed an extension for 3 browsers, which problems we encountered and how we solved them.
Rapid Server Development with Koa.js, Redis, PM2 and ES6 generators
Oleksii RudenkoJuly 10, 2015 4:15 PM
Tips by 60devs is a micro-donations platform that allows sending money (aka tips) to people who helped you on the Web. In this blog post I explain how we built a nodejs server for it using Koa.js, Redis, PM2 and ES6 generators
Tips by 60devs: New Social Payments Platform
Oleksii RudenkoJuly 5, 2015 3:03 PM
Tips is a new social payments platform providing an opportunity to thank developers (and/or others), who helped you out on Stack Overflow, Github or Gitter by sending them money gratuities (tips).
Ember.js: Process Click on Link-To Helper if No Transition Happens
Oleksii RudenkoJuly 2, 2015 7:15 PM
For 1 year of development with Ember I never needed something like this until yesterday. The task was to attach a handler to the `link-to` helper that would run when there is no transition fired by the helper itself (e.g. when the link-to helper points to the current route). In particular, I needed to scroll to the top of the window when no transition happens
Optimizing default JSPM workflow with Gulp and Nginx
Oleksii RudenkoJune 25, 2015 3:25 PM
The default JSPM workflow is slow for bigger apps. This post is about optimizing the default workflow using nginx and gulp and about making it 10x faster. Demo project included.
How to Start the App as Early as Possible or DOMContentLoaded vs window.onload
Oleksii RudenkoJune 23, 2015 1:55 PM
There are cases when you need to show your app as soon as possible without waiting for the page to be completely loaded. It's a common requirement for embeddable apps which are injected into a 3rd party web page via asynchronous `script` tag
How to Use SystemJS hooks for building a Production Version of Your App
Oleksii RudenkoMay 5, 2015 1:55 PM
I use Ember.js and JSPM to build apps. Ember releases usually contain several files: ember.prod.js, ember.debug.js, ember.min.js etc. Ember.debug.js is handy for development and contains some extra code that enables better development process. And ember.prod.js is the version specifically made for production use...
Notes About Differences in Plugin Micro Syntax Between Various ES6 Module Loaders
Oleksii RudenkoMay 5, 2015 1:55 PM
I've made a small research on how various module loaders handle non-js resources and template(hbs) files in particular. I've compared three of them: Webpack, AMD/RequireJS, the one JSPM relies on and the one ember-cli uses
Simple Way to Manage Local Node Modules Using NPM Link
Oleksii RudenkoApril 12, 2015 8:00 AM
If you develop a modular application for Node.js, you may end up having lots of local node modules which you don't want to publish yet. Nevertheless, you need to use them pretty much like any of the published node modules in order to ease the subsequent publishing
Using HTML 5 Application Cache for Single Page Applications
Oleksii RudenkoApril 1, 2015 4:42 PM
About common pitfalls when working with HTML5 Application cache. Recently I added the HTML 5 application cache to an Ember app. Actually, the app already used the application cache but it didn't work well. For example, the new releases didn't always make it to the users and the app broke because the client part of it was stale and the server part was new.
Ember.js: How to Hide Views Using IsVisible Property
Oleksii RudenkoFebruary 3, 2015 2:57 PM
How to control display of items using Ember.js View's isVisible property
Ember.js: My Observers Do Not Work or RTFM
Oleksii RudenkoDecember 14, 2014 7:34 AM
The article is about Ember.js observers and how to make them fire on object initialization
Ember.js and the Web Speech API: Example of a Speech Recognition Component
Oleksii RudenkoDecember 7, 2014 11:00 AM
The article describes the Web Speech API (speech synthesis and speech recognition) using a simple Ember.js component as an example. The component gets the voice input and sends it to your Ember.js app. Also it can speak back what the API has recognized
Ember.JS: Using The Unbound Helper
Oleksii RudenkoNovember 30, 2014 7:00 AM
Unbound helpers in Ember.js allow product output that does not change of the input data changes. These helpers may improve performance and this article describes some features of the unbound helpers in Ember.js
Experiments: Using Image Sprites and IMG Tags to Display a Set of Images
Oleksii RudenkoNovember 17, 2014 6:14 PM
The article discusses the image sprites to be used with the IMG tag for the content images. The generation of the sprites happens on the fly on the nodejs server