Category: Web Design – Javascript

I Don’t Hate Arrow Functions

TL;DR Arrow functions are fine for certain usages, but they have so many variations that they need to be carefully controlled to not break down the readability of the code. While arrow functions clearly have a ubiquitous community consensus (though not unanimous support!), it turns out there’s a wide variety of opinions on what makes “good” usage of => and not. Configurable linter rules are the best…

Tailwind CSS: Is it tomorrow’s Bootstrap?

We’re experiencing a renaissance of amazing web platforms and responsive design. Responsive user interfaces have mostly been implemented with libraries like Bootstrap, Foundation, Bulma, or good old-fashioned media queries. We have used these UI kits with ease to implement directives to achieve the exact UI and proper responsiveness we require with less code. But the big question is, have we really been doing it right?…

Building Real-Time Charts With GraphQL And Postgres

There is no better way to understand data than by visualizing it with charts and diagrams. The JS community has some great open-source projects that make data visualization easier, however, there has not been a go-to solution for building real-time backends that can back these charts and make them real-time. With GraphQL (which has a well-defined spec for real-time subscriptions), we can get a real-time…

Eric Elliott: 'Removing fear of change is like oiling a machine.'

Razzle: Create Server-Rendered Universal Apps with No Config — It abstracts all the tooling for a universal app into a single dependency and leaves the decisions around frameworks, routing, and data fetching to you (think create-react-app but for any set of frameworks). Version 3 came out just this week introducing Babel 7 support. Jared Palmer V8’s Blazingly Fast Parsing: How Lazy Parsing Works — A…

9 Helpful Tools for React Development

This article was created in partnership with Sencha. Thank you for supporting the partners who make SitePoint possible. React is a collection of tools and libraries that are independent of each other, which can be daunting for React developers with a job to do. The many tools grants plenty of freedom because you can shop around for the best ones for the job at hand….

Build a Decentralized Web Chat in 15 Minutes

In this 15 minute tutorial we’re going to build a simple decentralized chat application which runs entirely in a web browser. All you will need is a text editor, a web browser, and a basic knowledge of how to save HTML files and open them in the browser. We’re going to use Bugout, a JavaScript library that takes care of the peer-to-peer networking and cryptography. If you just want the…

Full-blown monorepo setup walkthrough

I’m the kind of guy who really likes to always use the latest and greatest stuff out there. 🌟 Whether it’s good or bad is a whole another story. But it is this inner desire that allows me to broaden my knowledge and experience. And this time, it let me to monorepos… Monorepo as a concept on its own isn’t really that new. In fact,…

How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study)

About The Author Robert is a Bioinformatics Software Engineer at Invitae, which means that he spends his time… engineering software for bioinformatics purposes. … More about Robert… In this article, we explore how we can speed up web applications by replacing slow JavaScript calculations with compiled WebAssembly. If you haven’t heard, here’s the TL;DR: WebAssembly is a new language that runs in the browser alongside…

TypeScript 3.4, the console API, and not needing jQuery

Getting Creative with the console API — If console.log is as far as your knowledge of the console object goes, this could be very handy. There are so many useful functions in there that’ll help you out while debugging. Areknawo How We Used WebAssembly to Speed Up Our Webapp by 20X — A case study exploring how to speed up web apps by replacing slow…

The perfect unit test

There’s a common theme I find with people who tell me that they don’t find unit testing useful, and it’s normally that they are writing bad tests. This is completely understandable, particularly if you’re newer to unit testing. It’s hard to write good tests and it takes practice to get there. All the things we’re going to talk about today were learned the hard way;…