Engineering

Here are some notes from the Epic React workshop Advanced Hooks. Function Dependencies in useEffect We use the useEffect hook to run side effects in React. The hook has a “dependency array” which tells it when to fire. That works fine if the trigger is a variable. Like this: const [count, setCount] = useState(0) React.useEffect(() = { // Update the document title using the browser API document.title = `You clicked ${count} times` }, [count]) //

If you spend a lot of time on Hacker News, it’s easy to get taken by the allure of building a web app without a framework. There are a bunch of potential advantages (no bloat! bespoke to your project!) and being able to say you built something with minimal dependencies gets you Engineer Points. That is, if you can pull it off.

I first started learning to code in 2012. And there was one YouTube channel that all my friends used to learn algorithms and data structures: MyCodeSchool. Within minutes of watching MyCodeSchool, you could immediately tell that: 1. These developers were really passionate about computer science. And 2. They

The @angular /service-worker package comes with a SwUpdate class that makes it easy to deal with updated apps. Let’s see how it can be used.

Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.

This is a very specific issue myself and anyone that uses Gatsby and React router for navigating between headers in their Gatsby sites. The issue has been documented several times now and the advice I have followed is to add a resolutions to my ...

Behance is the world's largest creative network for showcasing and discovering creative work

Learn how to make your initial app bundle smaller by using route-level code splitting.

Favorite JavaScript utilities in single line of code

Angular is a platform for building mobile and desktop web applications. Join the community of millions of developers who build compelling user interfaces with Angular.

Angular is a platform for building mobile and desktop web applications. Join the community of millions of developers who build compelling user interfaces with Angular.

None

By themselves, log messages can only tell you so much. Learn how to add crucial context to your log messages in Node.js.

This chapter documents all the JavaScript language operators, expressions and keywords.

The HTMLCanvasElement.toDataURL() method returns a data URL containing a representation of the image in the format specified by the type parameter.

Learn how to start using html2canvas

As developers, we put a lot of work into our GitHub repos to make them as useful as possible for ot...

Join us  for this Modern Ecommerce 101 webinar and get inspired to build your next top-notch Ecommerce solution using JAMstack and Headless CMS!

Nuxt, The intuitive Vue framework for websites. If you aren't familiar with Nuxt, start with some basic tutorials.

A journal about building Skypack + Snowpack

See your browsing activities across all your devices in surfaces like Windows timeline and Microsoft Launcher for Android.

GumHub is a one-click solution to sell access to your GitHub repos with Gumroad.When you purchase GumHub, you'll get access to the source code, along with instructions for getting it up-and-running...

We should ban margin from our React components. Hear me out.

It's easy to focus on the front end of web development, but what about the back end? Learning about...

A TypeScript-like language for WebAssembly

An introduction to the utilization of Generics in TypeScript with examples grounded in real-world use cases, such as collections, approaches to error handling, the Repository Pattern, and so on.

This article describes how you can integrate your Angular application with TailwindCSS and PurgeCSS using the Angular CLI.

When you use Laravel to work with shared hosting, one of the main problems is that you can not configure a host directly to the public…