All posts by “Yongzhi Huang
  • Server Side Render SPAs with Puppeteer
    JavascriptIn this tutorial, I would like to demonstrate how we can use Puppeteer to render contents generated by client side script. Problem with Client Side SPAs The problem almost every SPA faces is that contents are generated from client...
  • Blazing Fast Static ReactJS Site with Gatsby.js
    Beginner  Gatsby.js is an extremely fast, well optimized static site generator that enables you to build websites or web apps powered by React JS, GraphQL, Webpack and other modern Javascript technologies.  In this tutorial I will walk you through...
  • Cleaner NPM Scripts with Better-Npm-Run
    BeginnerDoes your package.json’s script section look like this: { "name": "better-npm-run", "version": "0.1.0", "private": true, "dependencies": { "react": "^16.3.0", "react-dom": "^16.3.0", "react-scripts": "1.1.1" }, "scripts": { "start": "react-scripts start", "build:dev": "NODE_ENV=dev react-scripts build --flagone --flagtwo --flagthree", "build:prod": "NODE_ENV=production react-scripts...
  • How To Get FREE HTTPS in 10 Minutes with Let’s Encrypt and Certbot
    DevOpsGoogle recently updated their Chrome browser to mark all non-https websites as unsecure.  In addition to that, they started to rank all https enabled websites favorably. It is a no brainer for all developers to upgrade their websites/web apps...
  • How to take screenshots of webpages with Node.js
    BeginnerHave you ever wonder how you can take screenshot of webpages programmatically? I certainly did.  I wanted to periodically monitor changes on a webpage and didn’t want to do it by hand everyday. Being the lazy programmer that I...
  • Spice up your website with Animate CSS
    BeginnerDemo:  https://www.penta-code.com/demo/animatecss/ In this quick video I’m going to show you how you can apply fun CSS animations to any element on your website.  The magic behind this is the excellent Animate.css library by Daniel Eden. To add animate.css...
  • Learn Async Await WIth Four Examples
    BeginnerThe goal of this tutorial is to show you how you can use the async/await feature from the newest version of Javascript.  I will explain quickly and painlessly how you can replace Promises with async/await, do proper error handling,...
  • Number Flipping Effect With ReactJS
    BeginnerIn this tutorial, we’re going to use the excellent React Animated Number library to program a currency display component that changes color based on value.  You can check out an example with our production all at Cryptodamus  
  • Run Your Own Search Engine With Apache Solr
    DevOpsIn this tutorial, I will show you how you can set up a search database using Apache Solr.  This tutorial assumes you have some knowledge of docker and container systems, if not, feel free to search around our site...
Loading...