Build Your Own React

Just wanted to revisit this if you want something really meaty to work on during the lockdown. It’s a well presented walkthrough of creating your own React-a-like from scratch. You’ll need some time set aside to follow along. It’s more advanced than the 33 line React-a-like we posted above. - http://amp.gs/3L8y

#react

Make Your Angular Directive Functionality Lazy

One of Netanel's recent tasks was to replace a legacy tooltip from their core components library with a new one. As always, he's not trying to reinvent the wheel. To begin this task, he first fiound a stable native open-source JS library that he can wrap and use. - http://amp.gs/3LLf

#angular

700+ CSS Icons

Open-source CSS, SVG, and Figma UI icons, available in SVG Sprite, styled-components, NPM & API. - http://amp.gs/3WKI

#css #icons

Introducing Vue.js 3 Vite A No-Bundle Dev Server For Vue 3 Single File Components Evan You Tutorial

Vite is a Vue.js No-Bundle Development Server for Vue 3 Single File components. It's blazingly fast, and a great way to get started on Vue 3 today! It also has some cool things like HMR (hot module reloading). In this video we look at it getting it running with Vue 4 router too! - https://www.youtube.com/watch?feature=youtu.be&v=23ML0kHnjv4

#vue #video

Four Tools for Web Scraping in Node

A walk through of a few different libraries (for scraping and parsing data directly from websites) to see how they work and how they compare to each other. - http://amp.gs/3oQG

#nodejs

Building and Styling Tables with react-table v7

Creating tables with React can be a pain. react-table v7 provides a modern, Hooks-based API that helps us create tables in React with little hassle. - http://amp.gs/3MW6

#react

How a Few Lines of Code Broke Lots of Packages

Just under a week ago, people were reporting that create-react-app was broken. The culprit? A tiny change in a tiny dependency: is-promise. Luckily a fix was out very quickly and the creator of is-promise reflects on what happened here.
- http://amp.gs/3551

#news

Modern CSS Solutions for Old CSS Problems

Stephanie Eckles created a series that examines modern CSS solutions to common problems. - http://amp.gs/3c8D

#css

The case for HOC vs The Composition API

In this article Abdelrahman compares Higher-Order Components (using scoped-slots) with the upcoming Composition API. I especially enjoyed the Vee-Validate v4 comparison. Check it out! - http://amp.gs/36jJ

#vue

How to create a complex dynamic form in Angular

Forms are a very important part of the web application. Sometimes we come to a scenario where forms element is static and well defined. Sometimes web application development goes beyond static forms to dynamic forms. Dynamic forms do not have static fields. Dynamic forms and controls can be generated based on certain events. In this article, we are going to generate controls based on the click of plus. Delete it on the click of minus buttons. - http://amp.gs/3bmT

#angular

Mapping with React Leaflet

A brief Egghead screencasts collection. - http://amp.gs/HIxu

#react

Six Platforms for Hosting a Node App in 2020

Of course, you can run a Node app pretty much anywhere there’s a server, but some platforms make it easier than others. These all have free tiers too. Glitch, Nowsh (now Vercel) and Heroku are particular favorites of ours at Cooperpress. — http://amp.gs/HjBj

#nodejs

A Guide to window.location

A breakdown that covers most of the methods and properties available on the DOM’s window.location object. - http://amp.gs/H8xy

#javascript

Validations in Angular Reactive Forms

Building forms on Angular is intuitive until you get to the point of user input validations. The work of a Frontend Engineer would have been a lot easier if users could be trusted with entering the right values into each input field. Unfortunately, this isn’t always possible. Therefore the relevance of validating user inputs at the point of entry can not be overemphasized. - http://amp.gs/HT9R

#angular

Optimize Cumulative Layout Shift

Addy Osmani explains how to avoid sudden layout shifts to improve user experience. - http://amp.gs/Hzhh

#css

State Management with Composition API

The Composition API (and other Vue 3 APIs) simplifies a lot when it comes to state management. Learn how the Composition API has changed the way I manage my application state. - http://amp.gs/HYSg

#vue

A Critique of React Hooks

Sometimes you have to lead with the controversial item of the week and the Hacker News discussion around this went off into a lot more depth. - http://amp.gs/HtZ8

#react

Deno 1.0: What You Need to Know

Two years ago Ryan Dahl, the original creator of Node, gave a popular talk called 10 Things I Regret About Node.js where he revealed Deno, his prototype of how he'd build a better V8-based JavaScript runtime. With 1.0 due next week, Deno is poised to be a particularly exciting release and this article does a good job of cruising through the reasons why. - http://amp.gs/Ht01

#nodejs

7 JavaScript Design Patterns Every Developer Should Know

This is sort of like a (very) mini version of Addy Osmani’s 2017 book on JS design patterns - http://amp.gs/Hmek

#javascript #patterns