Posted in Javascript

How to unit test your Gatsby blog with React Testing Library

Writing unit tests will keep your Gatsby blog bug-free, and leads to more maintainable code. This post covers how you can use Jest and React…

Continue Reading... How to unit test your Gatsby blog with React Testing Library
Posted in Javascript

Take Off with AWS and Webiny

Beyond MVP The goal was to develop an MVP as a value-added module in the care sector in cooperation with the Versicherungskammer Bayern, S-Markt &…

Continue Reading... Take Off with AWS and Webiny
Javascript formatting coodingdessign
Posted in Javascript

Javascript object re-formatting

asj 4 hours ago. I have data as follows: { “2011”:{ “01”:{ “01”:[ { “date”:”2011-01-01″ }, { “date”:”2011-01-02″ } ] }, “02”:{ “01”:[ { “date”:”2011-02-02″…

Continue Reading... Javascript object re-formatting
Posted in Javascript

Simplifying your application state management with Recoil

In Webiny we have the Page Builder Application that was built with help of redux as global state management. We decided to switch our Page…

Continue Reading... Simplifying your application state management with Recoil
Posted in Javascript

Deep Dive into Page Lifecycle API

Browser API Every Frontend Developer Should Know Photo by Jeremy Perkins on Unsplash As users, we always like to multi-task while browsing web pages. So…

Continue Reading... Deep Dive into Page Lifecycle API
Posted in Javascript

I’m Ready to check if the images or videos are loaded!

I’m Ready I’m Ready to check if the images or videos are loaded! Demo / API Features Check that all images and videos in the…

Continue Reading... I’m Ready to check if the images or videos are loaded!
Posted in Javascript

Prefetching and dynamic routing with Next.js

Server-side rendering (SSR) has become a widely adopted technique to enhance the performance and SEO of web applications. And while static site generation (SSG) is…

Continue Reading... Prefetching and dynamic routing with Next.js
Posted in Javascript

Extension to allow users to easily identify phishing attempts

Firefox: https://addons.mozilla.org/en-GB/firefox/addon/originmarker/A browser extension to allow users to easily identify phishing domains all done client side.With a marker in the bookmarks bar that changes based…

Continue Reading... Extension to allow users to easily identify phishing attempts
Posted in Javascript

A JavaScript syntax highlighter in 40 lines of JavaScript

GitHub – victorqribeiro/syntax: A very simple JavaScript syntax highlighter

Continue Reading... A JavaScript syntax highlighter in 40 lines of JavaScript
Posted in Javascript

Pure css to make a button shine and gently change colors over time

Below is a video I made showing the finished product: you’ll notice when the button is at rest, the background color slowly shifts from dark…

Continue Reading... Pure css to make a button shine and gently change colors over time