Code with Hugo - Newsletter 12 - GraphQL, Git and JavaScript Tooling
Code with Hugo - Newsletter 12 - GraphQL, Git and JavaScript Tooling
Code with Hugo newsletter is moving to a more newsletter-y format. From now on, it’s going to be biweekly (once every two weeks). It will contain the links to the latest posts and other relevant posts from the past from codewithhugo.com.
#GraphQL
The following posts tackle the simple and basic ways one can integrate with GraphQL. If you want to familiarise yourself with GraphQL and how to consume one such API in both JavaScript and Python.
A lot of examples out there tackle how to create GraphQL servers in Python/Ruby/JavaScript or how to use clients that do a lot of heavy lifting for you and/or integrate deeply with another library (eg. React).
1. A Gentle Introduction to GraphQL API integrations
An explanation of GraphQL and its main primitives for applications looking to consume a GraphQL API.
2. JavaScript GraphQL Client Requests in Node and the Browser using graphql.js
An example GraphQL API integration in JavaScript.
3. Python GraphQL Client Requests Example using gql
An example GraphQL API integration in Python.
#Git
An exploration of non-trivial operations in git.
1. Split an Existing git commit
For when you’ve created a dirty commit for your work in progress but now need to separate it out. This can help when you want to share a bug fix or config update between branches.
2. Change the Date of a git commit
The greatest and worst feature of git: the ability to rewrite history. Leveraged in this post to update the date of an existing git commit.
#Tooling
Building libraries and applications in JavaScript has gone from taking 10+ minutes to explain to a package install + some script aliasing in package.json.
1. 10 minute JavaScript: library development in ES6 with Babel, Mocha and npm scripts
What setting up a build process for a library looked like in 2016. This post is 10 minutes long (according to Medium and the Hugo static site generator).
2. Writing an npm module with TypeScript and microbundle
How to build and release an npm module in TypeScript by leveraging microbundle, which is in essence a 0-config wrapper around Rollup).
3. Build and deploy a Vue/React/VanillaJS app with Parcel and GitHub pages
Parcel brought a new level of 0-config (ish) build and deploy of JavaScript apps. This post explores how to leverage it to deploy an (albeit simple) app to GitHub pages.
Links from the web
1. Color, “A nicer color palette for the web”
A set of simple CSS rules to easily add colours to your page.
A library that wraps workers in Node, which means Node is getting closer to competing with other languages even for CPU intensive tasks.