An Intro to KafkaJS: A Modern Kafka Client for Node

Apache Kafka is a powerful open-source distributed event streaming system increasingly finding itself at the heart of large scale applications. This is an accessible tutorial to working with it from Node, in this case to create a Slack bot that notifies you whenever an npm package gets updated. - http://amp.gs/QiMC

#nodejs

Awesome React: Over 500 Curated React Projects and Resources

A frequently updated and in-depth collection of articles, and resources relating to the React ecosystem that seems to have been hugely cleaned up over the past year. Awesome React Components is a similar compilation for components specifically. - http://amp.gs/QD6n

#react

Sharing Data Between CSS and JavaScript with Custom Properties

How to use JavaScript to give CSS things it can’t access. For example, CSS can’t read pointer coordinates, but JavaScript can. - http://amp.gs/QJI4

#javascript

Learn Vue.js 3.0 With Tailwind CSS And Composition API in 2021 - Create A Pokémon app For Beginners – Program With Erik

If you still feel overwhelmed at the thought of using the Composition API in your Vue apps, here is a pretty straight-forward introduction to it, along with Tailwind CSS. - https://www.youtube.com/watch?v=QJhqr7jqxVo

#vue #video

Asynchronous Modules and Components in Angular Ivy

Ivy engine has brought (and also will bring) a huge amount of new features. Honestly, I always dreamed of having an opportunity to load modules asynchronously, and most importantly, components, you can do that with one line of code in Vue - http://amp.gs/Q0Xq

#angular

Debugging Layout Repaint Issues Triggered by CSS Transition

Dzhavat Ushev demonstrates how to find a solution to an issue with layout repaint. - http://amp.gs/QKK4

#css

Should You Really Use useMemo?

In a natural follow up to Max Rozen’s Understanding When to Use useMemo which we featured recently, the author of this article first states a hypothosis about useMemo performance and then rigorously tests it and reports the raw data. Results that may, yet again, change your mind about the value of useMemo. - http://amp.gs/Q3G9

#react

How to Create a Custom GitHub Action with Node

Extensive notes (and a 15-minute screencast) on building your own custom action for GitHub’s Actions CI/CD system – specifically in this case to give thanks on new pull requests. - http://amp.gs/Q33A

#nodejs

Is Angular Still Alive?

When I started my career as a software engineer, Angular was the first framework I learned. At that time, it was the most popular and most used JavaScript framework among developers. But with the development of frameworks like React and Vue, Angular seems to have lost its position as a top JavaScript front-end framework and there is a huge debate over the pros and cons of learning it. - http://amp.gs/QHkh

#angular

Seven Interview Questions on JavaScript Closures

You might want to revise A Simple Explanation of JavaScript Closures before you take these on - http://amp.gs/QHuj

#javascript

vno: a vue / deno love story – Andrew Rehrig

Deno is a new runtime for JavaScript and TypeScript. Since you can’t use it directly with Vue-CLI (which requires Node.js), the community has created vno, a CLI tool for Deno to compile and bundle Vue single-file components. Impressive! - http://amp.gs/Q2mR

#vue

Styling Scrollbars With CSS

Chris Bongers shares some tips on styling scrollbars. - http://amp.gs/Q2Fg

#css

Unit Testing Your Gatsby Site with Jest and React Testing library

The detailed, generously illustrated guide to get unit testing going on your Gatsby site. While sometimes tedious to setup, the author asserts the effort to implement this type of testing is worth it. - http://amp.gs/Qwis

#react

Clean Code Checklist in Angular

Angular has rapidly grown to become one of the most popular frameworks for building front-end, cross-platform web applications. It gives you a lot of the out-of-the-box features, such as a routing system, a dependency injection framework, forms handling, etc. Angular also enforces you to use both TypeScript and RxJS, since its already part of the Angular ecosystem. This extensive width of features makes Angular a good candidate for large enterprise solutions. - http://amp.gs/QFJm

#angular

50 Javascript Best Practice Rules to Write Better Code

Javascript is powerful and flexible which allows you to code any way you like and try some very unusual things which can lead to a bug in your code. Here are 50 things I learned about coding in Javascript you should know about. - http://amp.gs/QXis

#javascript

7 Vue Patterns That You Should Be Using More Often – Fotis Adamakis

A list of less-known tricks and patterns that can be useful across different use cases. - http://amp.gs/QLUG

#vue

A beginner’s guide to React Server-Side Rendering (SSR)

In this lesson, we are going to talk about server-side rendering (SSR), its benefits, and its pitfalls. Then we will set up a mini React project and an express server (Node.js) to demonstrate how SSR can be achieved. - http://amp.gs/QWUC

#react

The Top 15 AWS Architecture Blog Posts of 2020

This is a good retrospective to some useful blog posts if you’re working with AWS. - http://amp.gs/QWL9

#aws

Serverless TypeScript: A Complete Setup for AWS SAM Lambdas

A workflow for creating TypeScript-based AWS Lambda functions with AWS SAM that support testing, debugging, etc. and using shared layers to package dependencies. - http://amp.gs/QaRy

#nodejs