Menu hamburger icon

Posts for webpack


Performance features in webpack 2

Webpack 2 is out for a while now with some interesting features which can help to control and improve the performance of your application. For this reason, we are going to talk about these features here in this blog post. I’m gonna start by talking about tree shaking feature which helps to reduce the size of your bundle by excluding unused exports in it. Then, I will briefly describe code splitting feature and how brand new performance configuration object can help you to use this feature properly.


It's all about time: Building a performant Stopwatch with MobX and React - fast

MobX React Stopwatch

In recent posts we spoke a lot about developing React applications with Redux: It enables the users to easily make testable and structured applications. However, writing a Redux application produces a lot of boilerplate code. One framework alternative is MobX, which solves this problem by doing automation using observables.


Onsen UI Angular 2 Components coming soon!

Onsen UI bindings

Recently it may have looked like we’ve been focusing mainly on React, but we have also worked hard on bringing you components and directives for Angular 2. Next week they will be available through both npm and Monaca CLI.

Onsen 1.x was based on Angular 1, but with Onsen 2 we decided to take a different approach. We separated the core logic and styles, so that it can be used with any framework. We also started working on wrappers, so that it can be used in a more natural way in the most popular frameworks.

AngularJS 1 have been supported for quite some time already. Recently we released React Components and next week it’s time for the long awaited Angular 2. We are very excited about this release and we hope you are as well!

We can’t wait to see the amazing apps you create when combining the rich collection of components of Onsen UI with the power of Angular 2.


Time Travel in React Redux apps using the Redux DevTools

Time Travel with the Redux DevTools

In the previous article we showed how to create a simple drawing application with React and manage the state of the app with a Redux store. Now we will talk about how to integrate the Redux DevTools to enable easy debugging and time travel.

The Redux DevTools records dispatched actions and the state of the Redux store at every point in time. This makes it possible to inspect the state and travel back in time to a previous application state without reloading the page or restarting the app.


Improving Your Development Workflow with Webpack, React Hot Loader and Onsen UI

Onsen UI Hot Reloading

One of the great things about React is that there are a lot of tools and libraries available. One of the most popular is the React Hot Reloader by Dan Abramov, who also created Redux. The React Hot Reloader enables developers to make code changes and apply these changes without the application losing its state. In this tutorial we will build a small application step by step to demonstrate the power of Webpack and React and also show how OnsenUI users can benefit from it.