Category: Javascript

Introduction to Blitz.js

Blitz.js is a full-stack React framework with a zero-API data layer built on Next.js Inspired by Ruby on Rails. Let’s see the main features and goodies of Blitz.js according to its creator’s words: “Zero-API” data layer lets you import server code directly into your React components instead of having to manually add API endpoints and …


Search-optimized SPAs with React Helmet

Every developer wants their website to appear at the top of search results pages. Unfortunately, search engine crawlers do not yet reliably understand/render JavaScript, which means SPAs built on top of React, Angular, etc. are not generally favored by search engine crawlers. This can be a significant issue for many developers. Server-side rendering (SSR) may …


TypeScript: The Value of a Good Generic

TypeScript Generics to the Rescue Like I tried to say before: a Generic is like a variable for our types, which means we can define a variable that represents any type, but that keeps the type information at the same time. That last part is key, because that’s exactly what any wasn’t doing. With this …


date-fns: a moment.js alternative

JavaScript Date is no fun! It’s OK for the basics, but once you want to do more complex manipulations, you have to go back and forth from milliseconds (number) to Date. It makes our code less readable and coding more tedious. Moment.js was my go-to library for everything that has to do with dates. JavaScript …


7 Top React Static Site Generators in 2020

A static site generator takes the source files and generates an entire website — or a static site that is sourced from purely static HTML files. They enable you to create a static, HTML-based website that doesn’t rely on databases or external data sources, avoiding server-side processing when accessing your website. So you can create …


Introducing Pizzly – an open-sourced, free, fast & simple API Integrations Manager

Within my company, Bearer, the whole team is focused on helping developers that rely on third-party APIs. In 2019, our engineers developed a solution that eased how to integrate with any API that uses OAuth. It saved hours of engineering time when working with API integrations, by handling both the authentication strategy (with refresh tokens) …


🖖UNFOLD App’s Text Editor was the inspiration.

GitHub – eneskarpuz/react-native-drag-text-editor: React Native Text Prototype for photo editing / manipulation cases.


Up to 15 times speedup for Yapp when parsing JavaScript

djalbat 2 minutes ago. https://github.com/djalbat/yapp In fact the improvements largely came from streamlining the BNF, which is now workable: https://github.com/djalbat/yapp/blob/master/es6/parser/javascript.js The readme file has been improved, too. Contributions are very welcome, not just for the JavaScript grammar but for any of the supported languages or indeed new plugins.


Framework-free frontends with Malina.js

Malina.js is a new library inspired by Svelte. It compiles your web application to JavaScript, meaning your app uses no framework on the frontend side. In this article, you’ll be looking at what Malina.js is all about, how to build applications with it, and its syntax. In order to follow along, you should have a …


YAES – Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.

GitHub – 22mahmoud/YAES: Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.