Semantic UI is a great UI framework which can make your UI development much easier, but it’s still not a joyful job to make it work with webpack especially for theming. This tutorial works for both webpack 1/2/3, though you need to make small change just to follow webpack2/3’s syntax. For the main differences for webpack2/3, scroll to the bottom!

You may encounter this issue when you run npm with root permission. In my case, I created a postinstall command to fix a particular node module’s problem:

React provides two ways to use its form inputs, Controlled and Uncontrolled. I will try to explain both of them and the user cases, after that I will introduce an in-the-middle way to control your form input: Loos-Controlled, which tries to fulfill the user case that the others do not solve well.

Two kinds of responsive design There’s two type of responsive design: One is just adjusting an element’s appearance in response to different media types, like hiding or showing some elements, change size, color or layout. Another way will be using the diffent design or totally different component for different media types. For example, a complex table view with lots of fields for each row, for a large screen, just show a regular table, but when the screen shrinks, the table view will be replaced with a card list, within each card, all the fields will be rendered vertically.

Problems When Handling Redux State tedious manually manipulate state unnecessary state change, and component re-rendering need to access state path carefully in case undefined error

Well, this article is here to help you implement SPA with AngularJS and Webpack. But I am not going to show you every line of code since that will be too much to say. I will just share some of the main concerns and solutions. You can see the complete boilerplate here directly.