JavaScript Kicks - JSK Daily for Nov 30, 2020

Heydon Pickering this last weekend released a redesign to their web site and upon visiting it, the contents prompted a series of interesting thoughts and ideas to run riot through my mind....

Remy Sharp

At InVision, we use GIFs all the time in our Slack chat to add color and nuance to our text-based conversations....

Ben Nadel

A video tutorial that will show you how to build a static website with Svelte and add smooth page transitions using Three.js and GSAP. Editor's note: We want to share more of the web dev and design community directly here on Codrops, so we're very happy to start featuring Yuri...

Codrops

Explaining the process that's responsible for evolving the ECMAScript specification - from an idea to a fully specified feature, which is eventually delivered with the next edition. Every year, an edition of the ECMAScript specification is released - containing all recent feat...

Nitay Neeman

Given an array of integers, 1 ≤ a[i] ≤ n ( n = size of array), some elements appear twice and others appear once. Find all the elements that appear twice in this array. Could you do it without extra space and in O( n) runtime?...

JavaScript In Plain English

Replacing code for production with Babel transformation / If you are building some sort of an app, Babel is probably part of your build system. It is that thing which converts our fancy code to valid, working in a browser, JavaScript. Just recently at work I had to design a so...

Krasimir Tsonev

A smart code snippet to automatically grow textareas on user input....

stefan judis

In the world of React, efficient State Management is one of the most important things a developer has to perform in order to produce a solid website and Redux is one of the best ways of achieving this....

JavaScript In Plain English

Javascript has its fair share of 'wat' moments. Even though most of them have a logical explanation once you dig in, they can still be surprising. But JavaScript doesn't deserve all the indignant laughter. And now that BigInt is officially part of the TC39 ECMAScript standard,...

James Sinclair

In this tutorial you will learn everything about React's useEffect Hook. Let's say we have these two components whereas the parent component manages state with React's useState Hook and its child component consumes the state and modifies the state with a callback event handler...

Robin Wieruch

You might be wondering why you need to use bind() for calling class methods from events in React. Maybe you've just chucked the binds in and it works, so move on: if it ain't broke don't fix it....

Martin Capodici

If you're streaming on Twitch, you might know that you can build custom stream overlays with web technology. Broadcast tools like OBS allow you to embed websites right in your stream. You can use the tmi.js library to send, react to and display real-time chat messages....

stefan judis

reactive variables work with GraphQL Apollo and offer you the same functionality with Redux or Context API without the complexity or extra layers that come with these other tools. A reactive variable in GraphQL Apollo is easy to use and doesn't have as much setup process compa...

Smashing Magazine

Doing a paper release of a book comes with additional thrill as once you go paper, there's no going......

SurviveJS

Over the past few years, Vue.js has become a popular choice for web application development. With its popularity, the framework has expanded its reach to static site generation, an area once dominated by React. Like Gatsby and NextJS that uses React, you can find several frame...

Bit