Comparing Styling Methods In Next.js

Next.js offers a variety of options for styling on both the global and component level and this article looks at seven options and how to implement each of them. - http://amp.gs/MflH

#react #nextjs

A Growing Collection of 100+ Node.js Best Practices

This in-depth guide for Node developers came in as the most clicked link in Node Weekly this year and since it has continued to be updated regularly, we thought it was time to link it here too. - http://amp.gs/MCmO

#nodejs

Autofocus That Works Anytime in Angular Apps

I see a lot of developers struggling with the following scenario; they want a focusable element, such as input, to receive focus once it’s initially visible. - http://amp.gs/Mknj

#angular

Vue - The Road To Enterprise. Be Enterprise-Ready in no time

Take your Vue skills and knowledge to the next level. Learn how to create blazing fast, scalable, maintainable, and Enterprise-Ready applications with Vue. Best practices, advanced patterns, guides, tricks, and more. The only advanced Vue book you need. - http://amp.gs/MeIR

#vue

Five Common Mistakes Writing Components (with Hooks)

Posts where we get to learn from other people’s mistakes are always popular, and so it went with this one about creating components. - http://amp.gs/M7xk

#react

Sticky Table Headers with React Hooks

For tabular data presentation, flexbox is often chosen over the seemingly old-fashioned and much maligned <table> element. But the latter can still be a good choice when aided by these techniques. - http://amp.gs/M7o3

#react

Micro Frontends Pattern Comparison

Comparing build-time integration, server-side integration, run-time integration via iframes, and run-time integration via script. - http://amp.gs/MPKL

#microfrontends

Simulating Drop Shadows with the CSS Paint API

Steve Fulghum looks at how you can use CSS Paint API to create intricate drop shadows within a border-image. - http://amp.gs/My0t

#css

Flutter — Visual Studio Code Extensions for Fast and Efficient Development

Extensions are a quick way to get your work done. A lot of extensions help in reducing repetitive work, reduce boilerplate code, etc. Some other extensions help in assisting the development process and even help in faster and efficient development. - http://amp.gs/MhFZ

#flutter

15 RxJS *Awesome* Tips from 15 Sentinels

RxJS is by far the hottest library for reactive programming in the web for the past few years. It is built on fascinating concepts and paradigms which are worth digging into that aren’t in scope of this post (what is “reactive”, “declarative”, functional programming concepts and more..). - http://amp.gs/MvDH

#rxjs

Implement Infinite Scroll in Vue.js Using Apollo and Hasura GraphQL

In this article, you'll learn how to implement infinite scroll in a Vue.js app using Apollo and Hasura GraphQL APIs. - http://amp.gs/MguU

#vue

Moivaio: A JavaScript Library Comparison Tool

The output is quite simple, but it plots some charts of downloads, bundle sizes, and various GitHub statistics, giving you a way to make basic comparisons. The developer has written about his motivations for building it too. - http://amp.gs/ME8K

#tools

Bulletproof Flag Components

Jay Freestone shows how to create bulletproof ‘flag’ components using CSS Grid. - http://amp.gs/MEst

#css

The Key React Libraries to Use in 2020

Everyone loves a curated list! This one came right at the start of 2020 and intelligently bought together a variety of key React libraries that still remain valuable. I hope Robin or someone else does a similar list for 2021.. hint hint. - http://amp.gs/MVmC

#react

15 Most Important Concepts that Every JavaScript Programmer Must Know

A substantial post that covers the most important concept every JavaScript programmer must know and master. - http://amp.gs/MVuu

#javascript

A proposal to improve Angular’s ReactiveFormsModule

We’re going to talk about some of the problems with the ReactiveFormsModule and discuss a proposal to fix many of these problems. - http://amp.gs/M9Bq

#angular

Vue Composition API Tutorial: Build a Project Idea Generator

The purpose of this tutorial is to learn how to use the Vue 3 Composition API to build an idea generator. - http://amp.gs/M9s7

#vue

10 Reasons To Consider Micro-Frontends

Modern web applications are becoming big and more complex and sometimes managed by different teams. Your application might have features developed by different teams and you want to release only certain features into production before delivering the entire application. How do you manage different teams, different release… - http://amp.gs/M4ms

#microfrontends

Introducing Zero-Bundle-Size React Server Components

Taking a fairly long holiday means news can break and there’s enough time for the target audience to absorb and respond to it. Just as we headed off in 2020, Dan Abramov and Lauren Tan of the React Core Team quietly dropped this piece hinting at an interesting new direction for React to take. - http://amp.gs/M4MB

#react

Sticky CSS Grid Items

Melanie Richards explains how to get position sticky working on a grid item. - http://amp.gs/MR36

#css

Angular — Why we should avoid using public methods to design components

There are many ways to communicate between components. One of the most frequently used approaches is via public method calls. Many developers with a strong classic web development background (such as JQuery) like using this approach to design components. However, it is in fact, not a good practice in the world of Angular. - http://amp.gs/MUwo

#angular