Valgrind is a famous tool to debug your memory leak, but what sad is it only supports Linux, yeah, not a perfect support even on Mac. But with the new Windows 10 Anniversary update, it’s happening. And works way much better than Mac with OS X. Let’s rock!
There are two ways to use React, the old
createClass or the fancy ES6
createClass as well, but we won’t cover that here.
If you use a static blog system as me or a static site. You may consider which deployment suits you better, sftp maybe a stable old-school way. Today let’s use git to complete this quest. No, not push-then-pull, you can actually push only :)
Furthermore, via this approach, you have a taste to the world of continuous deployment. :) Let’s do this.
The last time, we have installed a linux system and have done some preparation to make it ready to use. Now we will install a Nginx on it, and then your private server will become a web server and you can broadcast your ideas to the whole internet :)
Still, I will use Ubuntu 16.4.1, but solutions here still adoptable to the other linux distro.
Yes, it may sound absurd at first, let’s dive into to find out what the father wants to say xD
when you have a linux server and a newly installed system, what’s first thing you will do? Just dive into and play with the bash, no, never, it is not a windows desktop system. It needs some configurations first. Today, let’s see how many basic steps do we need to take before we can actually use a fresh new linux system. Yes, I use ubuntu 16.04.1 in this tutorial, but it should adopted to other linux distros as well. You just need to change
apt-get part to the other package management system, like
Yum in Cent OS.
At the below steps, i will not only show the commands, but also explain the detail behind it, so you can know why we use it.
Let’s from the very beginning, let’s say you just bought it…
Front end world has an incredible evolution speed. Especially for the tooling, new kids jump out everyday. Webpack is one of them and seems it will dominate for a while. You may hear its complexity and how it is going to replace your current toolchain. Today, let’s bundle webpack like it bundle scripts for us xD
CSS has lots of layout skills to master.
flexbox. Sometimes you can use them as you like, but sometimes you should choose wisely according to the situation. Let’s take a look at the position property. To look over some interesting behaviors among the different values.
In ES5, we can very easy bind a event to DOM using the native way:
document.addEventListener() , or a jQuery way,
$(element).on() , use them according to different situations.
But in the ES6 or Typescript, you will face some pitfall if you don;t care the details. Suppose you have the following code: