Michael's articles
![How to Build Your Backend with Hasura and PostgreSQL](jpg/1638252308hasura-postgresql.jpg)
Learn how Hasura and PostgreSQL can help you speed up app development and launch backends quickly with minimal effort.
![A Beginner’s Guide to the Parse Platform on Back4App](jpg/1636417748parse-back4app.jpg)
No-code and low-code platforms are limited and lock you in. Learn how Parse and Back4App provide all the customization experienced devs need.
![How to Build an MVP with React and Firebase](jpg/1632802723react-firebase-mvp-app.jpg)
MVPs are useful for testing markets before fully investing in your product. Learn how to build an MVP using React and Firebase.
![5 Streaming Platforms That Let You Control Your Own Content](jpg/1629853802livestreaming.jpg)
You can livestream video on the socials, but what if you want more control over your content? Learn how to take charge of your livestreaming.
![Building WebRTC Video Chat Applications](png/1624854085webrtc-video.png)
Looking to build a WebRTC video chat app? Learn how use SimpleWebRTC as a platform, as well as commercial and open-source alternatives.
![React Query 3: A Guide to Fetching and Managing Data](jpg/1622032782reactquery.jpg)
Need to fetch data in React? Learn about React Query, an excellent server state management library for simplifying your data-fetching needs.
![Form Handling for Jamstack Sites Using Cloudflare Workers](png/1619577189jamstack-form-handling.png)
What if your static Jamstack site needs a contact form? Learn how to build a form-handling service for your single page app using Cloudlflare Workers.
![9 Best JavaScript and TypeScript ORMs for 2022](jpg/1616123254solarsystem.jpg)
An ORM library simplifies the job of writing database queries. Learn about nine JS and TypeScript ORMs and how they could help you with your next project.
![How to Set Up VS Code for React Development](png/1611023153vscode-react-extensions.png)
You're a React developer, using the VS Code editor. Here's a selection of VS Code extensions and settings to supercharge your React coding productivity.
![React Hooks: How to Get Started & Build Your Own](jpg/1602258557fish-light-1200.jpg)
React Hooks is a revolutionary feature that will simplify your code, making it easy to read, maintain, test in isolation and re-use in your projects.
![Getting Started with React: A Beginner’s Guide](jpg/1602173112react-dev.jpg)
Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.
![Build a Node.js CRUD App Using React and FeathersJS](png/1493756964crudappb-01.png)
Michael Wanyoike walks you through building a full-stack JavaScript CRUD contact list application, using Node, FeathersJS and MongoDB for the back-end API.
![How to Replace Redux with React Hooks and the Context API](jpg/1600687790fishing.jpg)
React offers in-built features that could help you replace Redux. With React Hooks and the Context API, developers have greater choice. Learn more.
![Learn Regex: A Beginner’s Guide](jpg/1599460010remoteworker.jpg)
Learn regex (regular expressions) in our beginner's guide, including how they work and how to use them in a range of common scenarios.
![GitHub CLI: A Guide to GitHub from the Command Line](png/1592442845github-cli.png)
Learn GitHub CLI, a tool that enables you to use GitHub functionality alongside Git commands without having to leave the command-line interface.
![10 Must-have VS Code Extensions for JavaScript Developers](png/1587003186vscode-extensions.png)
Michael lists a selection of must-have VS Code extensions for JavaScript developers, showing why VS Code is a serious contender for best code editor.
![Visual Studio Code: A Power User’s Guide](png/1586833239vs-code.png)
Michael Wanyoike walks you through a wide range of Visual Studio Code features, workflows and add-ons that will supercharge your development workflow.
![Node Package Manager Guide: Install npm + Use Commands & Modules](png/1583709471npm.png)
This step-by-step guide will show you how to install npm, and master common commands in the Node Package Manager (npm) command-line interface.
![What SSL Is, and Which Certificate Type is Right for You](png/1580089912ssl-security.png)
Michael Wanyoike explains why you need to use SSL technology to secure your websites and apps from leaking sensitive data to eavesdroppers.
![How to Divert Traffic Using IP2Location in a Next.js Website](png/1575420997divert-traffic-ip2location.png)
Michael Wanyoike demonstrates how to set up a Node-based site that redirects traffic based on a visitor's country, and how to block anonymous Tor traffic.
![How to Install Docker on Windows 10 Home](jpg/1571489982docker-windows-10.jpg)
Michael Wanyoike shows how to quickly set up a Linux VM on Windows Home running Docker Engine with the help of Docker Machine.
![How to Automatically Optimize Responsive Images in Gatsby](jpg/1568183670christian-fregnan-pvywk-nxdns-unsplash.jpg)
Learn how to automatically deliver optimized, responsive images to users of your Gatsby.js site.
![25+ JavaScript Shorthand Coding Techniques](jpg/1483825035learning.jpg)
Become a faster developer and check out this guide to shorthand JavaScript coding techniques, with longhand versions for comparison.
![A Guide to Visual Testing with Percy](jpg/1565226062visual-testing-percy.jpg)
Michael Wanyoike shows how to set up and run visual testing for your project with Percy, using an API-driven SPA using real-world data. You’ll learn how to visually test UIs that output dynamic data, and about Percy’s visual review and approval workflow.
![A Beginner’s Guide to Feathers.js](jpg/1563941706feathers.jpg)
In this guide, you’ll learn how to build a RESTful API server in Node.js using Feathers.js.
![How to Build a Vue Front End for a Headless CMS](jpg/1563769466fabrizio-verrecchia-cukibtq5hdk-unsplash.jpg)
Michael Wanyoike shows how to build a modern blog website using Vue.js and GraphCMS, a headless CMS platform.
![How to Use Git Branches & Buddy to Organize Project Code](png/1563319984branch.png)
Learn how to set up continuous integration/deployment pipelines for your branching workflow. We will be using Buddy to set up the pipelines.
![Build a Real-time Chat App with Pusher and Vue.js](jpg/1560390036vue-chat-app.jpg)
Michael Wanyoike builds a real-time chat app using Vue.js powered by ChatKit, building a front-end user interface that connects to the ChatKit service via the ChatKit client package.
![How to Get Started with Vuetify](jpg/1561531413henry-co-3cokbdfnafg-unsplash.jpg)
Vuetify is a UI component library for Vue apps that follows Google Material Design specs. Let's dive in and look at how you can get started.
![Getting Started with Vuex: a Beginner’s Guide](jpg/1560386011vuex.jpg)
Michael Wanyoike provides a high-level overview of what Vuex is, what problem it solves, how to install it, and its core concepts, demonstrating how to implement it into a simple app.