More Than Hard and Soft Skills for Engineers

Natam Oliveira shows a few attributes, methods, and tools that an engineer can apply to better connect soft and hard skills in day-to-day assignments. - http://amp.gs/w0OT

#hard #soft #skills

Sharing React Components Between a Web & Electron App

In yet another effort to increase the return on the time invested in building robust React components, here's how to further increase their utility by making them available to an Electron desktop app using Bit: "the platform for collaboration on atomic components". - http://amp.gs/w0oD

#react

Make Libraries Work with Vue 2 and 3

Probably my favorite news this week! Anthony Fu created Vue-Demi. A utility library that allows you to ship 1 version of your Vue library that will support both Vue 2.x and Vue 3.0 at the same time. All you have to do is change your composition-api imports from either “vue” or “@vue/composition-api“ to “vue-demi”. The library will automatically use the available source for those functions based on the environment. Can’t wait to try it out with the new Vuelidate version. - http://amp.gs/wKhG

#vue

Lessons Learned Refactoring Optional Chaining Into a Large Codebase

Lea Verou, creator of Mavo, decided to refactor Mavo to use optional chaining (?.) and here’s some of what she discovered along the way. - http://amp.gs/wKbI

#javascript

All You Need to Know About MongoDB Schema Migrations in Node - http://amp.gs/w3L8

#nodejs #mongodb #migrations

Better Reducers With Immer

If writing reducers by hand has left your code with a lot of bloat, you may want to relieve the tedium and potential for errors through the use of the lightweight Immer library to simply the process. - http://amp.gs/wH3n

#react #immer

Using Node 14's New and Experimental Features

The goal is to create an application performance monitor using some of the new Node 14 features from optional chaining and nullish coalescing through to diagnostic reports and top-level await. - http://amp.gs/w222

#nodejs

Create a Blog with Nuxt Content

The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it. - http://amp.gs/wwiZ

#vue

Elegantly Manage SVG Icons in Angular Applications

svg-icon is a small library that offers a solution to a big problem: How to incorporate svgs into your templates in an orderly and efficient way. - http://amp.gs/wFAp

#angular

What's Coming in TypeScript 4?

The first beta of TypeScript 4 is due any moment with a final release due in August. New bits and pieces include variadic tuple types, labelled tuples, short-cut assignment operators (e.g. ||=) and more. - http://amp.gs/wXAm

#typescript

A Deep Dive Into the React Context API

While your new application may start off with the noble goal of creating just a single component, almost inevitably there comes a time when it must be broken down into simpler building blocks. But that begets the problem of maintaining state which has its own complexities. Here are the fine details of how to simplify state management with the useContext hook. - http://amp.gs/wL9z

#react

Progressively Enhance Your Progressive Web App

How to enhance your PWA so that it remains useful on all modern browsers, but delivers an advanced experience on browsers that support new capabilities like native file system access, system clipboard access, periodic background sync, web sharing features, and more. - http://amp.gs/wWgp

#pwa

The 6 Levels of Reusability

In this beginner-friendly article, Michael Thiessen explains how to reduce code duplication through smart component design that focuses on reusability. - http://amp.gs/wa9t

#vue

A Deep Dive Into Queues in Node.js

Find out what queueing in Node is all about, including how it works with the event loop, its various types, and how it can help with async operations. - http://amp.gs/woCC

#nodejs

Here's what you should know when creating flexible and reusable components in Angular

In this article we're going to explore the difference between ng-content and ng-template  and see when to use which - http://amp.gs/wMGT

#angular

Ways to Create Components in React

We can always relate to any sort of analogy that involves LEGO. Components are like LEGO blocks. Now it all makes sense. That said, just as not all LEGO blocks are created equal, neither are components. Here’s a clear, concise differentiation between Class and Functional components in React. - http://amp.gs/w5n3

#react

ECMAScript Proposal: Private Static Methods and Accessors in Classes

Dr. Axel takes a look at another forthcoming language feature (in this case being at stage 3 and already supported by Babel and elsewhere). - http://amp.gs/wQIO

#javascript

How to Test and Play with Web APIs the Easy Way with Postman - http://amp.gs/wc2R

#postman

Improve Your Developer Experience With Nuxt Components

Explore how you can import and register Vue components automatically using @nuxt/components module. - http://amp.gs/w6Ba

#vue

Leveraging Angular Prereleases to keep Ionic in Sync

Unlike other open source projects, Angular tries to bring a new major release at least twice a year. With each new release, Angular stands by its commitment to ensuring the upgrade process is easier every time. - http://amp.gs/w6Hz

#angular