Open in app

Sign In

Write

Sign In

Macharia Muguku
Macharia Muguku

138 Followers

Home

About

Aug 25, 2021

Fix go to definition and hot reload in a react typescript monorepo

Make hot-reload and go to definition work in a react typescript Monorepo with Lerna , Yarn and Craco using path mapping — TL;DR The example monorepo is hosted on github here These are lessons I learned trying to solve hot reload and go to definition on our company’s front-end monorepo Working branch on the company’s monorepo here Justification The ability to jump through code implementation in dev mode makes it easy to debug and/or…

React

5 min read

Fix go to definition and hot reload in a react typescript monorepo
Fix go to definition and hot reload in a react typescript monorepo
React

5 min read


Feb 15, 2021

Setting up NextJs with Typescript, Tailwind CSS, React Testing Library, Jest, Prettier, and ESlint

Set up your Next.js project with TypeScript, Tailwind, React Testing Library, Jest, Prettier, and ESlint. — TL;DR: Official Next.js starter templates here Github repo for this tutorial here 0. Nextjs Starter Templates Example’s Directory There’s a directory in the nextjs GitHub repo that most people ignore, the example’s directory! It contains numerous nextjs starter templates with various partner technologies. Some of these include nextjs with: typescript, tailwind, apollo, urql, relay, redux, chakra ui…

Nextjs

3 min read

Setting up NextJs with Typescript, Tailwind CSS, React Testing Library, Jest, Prettier, and Eslint
Setting up NextJs with Typescript, Tailwind CSS, React Testing Library, Jest, Prettier, and Eslint
Nextjs

3 min read


Oct 13, 2020

How To Auto-Generate a GraphQL Schema, Queries, Mutations, and Subscriptions from a GraphQL API Endpoint

Generate GraphQL Schema From Endpoint. Generate GraphQL Queries,Mutations,Subscriptions from GraphQL Schema. Lets cut to the chase, shall we? a). How to download/fetch/print schema.graphql from GraphQL endpoint? Run get-graphql-schema remotely with npx. Replace the URL obviously 🤷🏿‍♂️ npx get-graphql-schema https://countries.trevorblades.com > schema.graphql 2. A file named schema.graphql is generated in your current working directory.

GraphQL

1 min read

How To Auto-Generate a GraphQL Schema, Queries, Mutations, and Subscriptions from a GraphQL API…
How To Auto-Generate a GraphQL Schema, Queries, Mutations, and Subscriptions from a GraphQL API…
GraphQL

1 min read


Apr 24, 2020

Learn How To Test React Applications (Testing React Applications with Jest and React Testing Library)

What are tests. Why test. What to test. What to use to test. How to test. Table Of Content TL;DR: Why Write Tests? Types of Testing Which Tests Should I Write? Which Testing Library/Framework Should I Use? React Testing Library vs Enzyme What Should We Test? Testing Terminology Test Anatomy Setup React With…

Jest

9 min read

How To Test React Applications (Testing React Applications with Jest and React Testing Library)
How To Test React Applications (Testing React Applications with Jest and React Testing Library)
Jest

9 min read


Published in Better Programming

·Mar 10, 2020

An Introduction to GraphQL With Apollo Client and React Hooks

What is GraphQL? How can I set it up for my project? And more TL;DR: GraphQL is not a database query language. It’s a query language for API data, like REST. Make a single query and get exactly what you asked for, unlike REST. The GitHub repo for this article can…

GraphQL

4 min read

An Introduction to GraphQL With Apollo Client and React Hooks
An Introduction to GraphQL With Apollo Client and React Hooks
GraphQL

4 min read


Published in The Startup

·Oct 15, 2019

Dockerizing A React Application (with docker and nginx)

Containerization on the front-end with React and docker in development and production, and deployment of a React application with docker and nginx — TL;DR: The github repo -> https://github.com/machariamuguku/Docker-React-Nginx Steps: a) Create a react app b) Install docker and docker compose c) Create a dockerfile (with a node image for building and an nginx image for deployment) d) Create docker compose file

Docker

8 min read

Dockerizing A React Application (with docker and nginx)
Dockerizing A React Application (with docker and nginx)
Docker

8 min read


Apr 3, 2018

How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On A Computer/Laptop Running(Linux) With a USB TV Stick. (Using Kaffeine or VLC)

N/B: See instructions for Windows here Tested on Debian based Distros; Linux Mint and Ubuntu You can only watch FREE TO AIR channels using this method. In Kenya they include channels from Signet, ADN, Pang and Bamba providers. Excuse my black and white pictures, i had just changed my Linux…

Digital Tv

8 min read

How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On A Computer/Laptop…
How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On A Computer/Laptop…
Digital Tv

8 min read


Feb 17, 2018

How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On Your PC (Windows) With a Globemax USB TV Stick.

Case in point: A globemax DVB-T2 Tv stick (see the naked hardware tear-down for the panasonic MN88472 here ) and the (hardware tear-down for the MN88473 demodulator version here). There are two variants of the stick with the following components: Key components: Realtek RTL2832P USB interface Panasonic MN88472/MN88473 Demodulator (2013 and 2014…

Digital Tv

3 min read

How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On Your PC (Windows) With a…
How To Watch Digital TV (DVB-T, DVB-T2, DVB-C, FM, DAB) and Radio On Your PC (Windows) With a…
Digital Tv

3 min read

Macharia Muguku

Macharia Muguku

138 Followers

A student of the world ; My brain has too many tabs open ; 🇰🇪; www.muguku.co.ke

Following
  • Pam Gaslow

    Pam Gaslow

  • Chris Orwa

    Chris Orwa

  • Joan Ngugi

    Joan Ngugi

  • Emery Schindler

    Emery Schindler

See all (9)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech