One of the projects that I’m working on is quite reliant on jQuery and Bootstrap. As we’re introducing new features (such as a few React-based components, and Stylus for CSS) in said project, we’ve also introduced Webpack into it. Now, we don’t want to run jQuery nor Bootstrap through Babel (using Webpack), but we want […]
Tag Archives: javascript
Ship legacy JavaScript and CSS files in a Webpack Project with
Urql – A highly customizable and versatile GraphQL client for React
From the folks at FormidableLabs: urql is a GraphQL client that exposes a set of React components and hooks. It’s built to be highly customisable and versatile so you can take it from getting started with your first GraphQL project all the way to building complex apps and experimenting with GraphQL clients. // App.js import […]
Automate your release process with 🛳 Ship.js
Interesting work by Algolia, to more easily release new versions of your packages: When releasing, you go through something like the following: Update the version in package.json Update the changelog Actually release it (e.g. yarn build && yarn publish) Create a git tag As such as manual process is prone to errors, they’ve developed 🛳 […]
ESNext: Immutable Datastructures in JavaScript with Records & Tuples
A new ECMAScript Proposal that I’m looking forward to is this one which introduces the Record and Tuple value types. In short: Records are immutable Objects that are compared by value. Tuples are immutable Arrays that are compared by value. The proposal is currently Stage-1. Stage-1? Stage-4? 💁♂️ The TC39 Committee, which is concerned with […]
How to start using your browser’s debugger
Solid introduction – with a real use case – on how to use the browsers’s built-in debugger: In this post, I will cover using breakpoints, stepping through your code, setting watch expressions, and applying your fixes in Chrome Developer Tools. How to stop using console.log() and start using your browser’s debugger → ☝️ Do not […]
An HTML attribute potentially worth $4.4M to Chipotle
Jason Grigsby: I recently found myself racing to fill out Chipotle’s online order form before my mother could find her credit card. In the process, I discovered a bug that could cost Chipotle $4.4 million annually. The form didn’t play nice with autocomplete and therefore would not get sent … The culprit? A JS library […]
An Introduction to Svelte
Developer Dave Ceddia, who had mainly been writing React before: A few months ago, Svelte 3 was released. I tried it out, ran through their tutorial, and built a few small things. And I can honestly say that I think writing Svelte feels even faster and easier than React. Svelte gave me the same spark, […]
Find the cost of adding a npm package to your bundle with BundlePhobia
Ever wondered what the (size) impact of adding an NPM package to your project is? BundlePhobia is a tool that does not only that, it also recommends you other similar packages that have a lesser load. This thing lets you understand the performance cost of npm install‘ing a new npm package before actually adding it […]
How to use React Dev Tools, an introduction
Dev Tools can do a lot of things. We’re are not going to dive into the nitty gritty details of each and every feature. Instead we’ll take a look at the top 10 helpful features that help us save time and write better React code. Good intro (*) on how to find your way around […]
Run prettier or php-cs-fixer with GitHub Actions
Stefan Zweifel shares his GitHub Actions Workflows to run prettier and php-cs-fixer on his repos: Over the past few weeks I’ve added a handful of workflows to my projects. One workflow is really like, is to run prettier and php-cs-fixer to automatically format my code and commit the fixed files back to the repository. Here’s […]