JavaScript Kicks - JSK Weekly - May 06, 2020

Today is National Nurses Day and the start of National Nurses week in the USA, which ends on the 12th May, on International Nurses Day. So a big shout out to all the nurses who are working tirelessly right now to save lives. After this year, it may even become Nurses Month instead!

For the rest of us, let's check out some basics! John Au-Yeung kicks us off with "Basic JavaScript Design Patterns — Decorators, Facades, and Proxies" while Raj Maharjan explains what the prototype is and how it is designed and structured in JavaScript in "JavaScript Prototype — Understanding The Basics".

If you're an avid React fan, look no further than the Bits and Pieces blog for everything from "Create a Modular React Component Library" and "Creating React Forms with Formik" to "Fetching Data in React using Hooks" and "React Performance Optimization."

Popular Stories recently curated by passionate community members

General

Syncfusion Free Ebooks | Blazor Succinctly

Blazor technology enables you to create sophisticated, manageable, and extensible single-page applications using C# and Razor syntax. Bla...

Syncfusion


Why You Should Learn Adobe XD as a Developer

Although it might seem strange, as soon as I learned Adobe XD my development productivity skyrocketed - and I've only been using it for a...

Bit


JavaScript

Resolved JavaScript Promises Can Be Used Multiple Times!

When developers are first learning JavaScript Promises, it's easy to think "Okay, I create a promise, and I 'dot then' it to write the co...

Ashley Grant


Rethinking SOLID principles in JavaScript

The invention of SOLID principles began in the late 80s. Robert C. Martin started to develop these principles while arguing the principle...

Trung Anh Dang


Basic JavaScript Design Patterns - Decorators, Facades, and Proxies

JavaScript lets us do a lot of things. It's sometimes too forgiving in its syntax. The organize our code, we should use some basic design...

John Au-Yeung


First steps into JavaScript - a practical guide

For those who are new to web development, surely the amount of new terminology can sometimes be discouraging. But when... | Web design we...

MA-NO WebDesign&Dev


JavaScript Prototype - Understanding The Basics

The prototype is often associated with inheritance when comparing to Object-Oriented programming. But why? And what even prototype means ...

Raj Maharjan


Use JavaScript to Make Your Browser Speak

Recently while developing a personal project, I had the idea to try and get my browser to speak a sentence. Not knowing how to go about d...

Alex Pickering


Basic Form Validation in JavaScript

In the past, form validation would occur on the server, after a person had already entered in all of their information and pressed the su...

freeCodeCamp.org


TypeScript

Avoiding Import Issues in TypeScript Monorepos

When you're working with a TypeScript monorepo, for instance using the awesome Nrwl NX (whether with Angular, React, Nest, etc), you shou...

Sébastien D.


TypeScript VS Flow: Type Checking Front End JavaScript

JavaScript is a dynamically typed programming language. It means that the variables that you write in JavaScript can be reassigned with a...

Bit


How to type a payload received from an external source in TypeScript

When we receive some data from an external source (like when your web server receive an HTTP request, or when we call an external API to ...

Antoine Prudhomme


Angular

Implementing Angular Material table with pagination, server side filtering and sorting

Angular Material is a user interface library provided by Google. It is used by Google developers across Google products. Angular Material...

Codingindepth


Angular Security Best Practices

Angular is a popular front-end framework made by Google. Like other popular front-end frameworks, it uses a component-based architecture ...

John Au-Yeung


Angular Animations Transitions and Triggers

Angular is a popular front-end framework made by Google. Like other popular front-end frameworks, it uses a component-based architecture ...

John Au-Yeung


Angular - All Talks from ng-conf Hardwired (2020)

A collection of all lectures that were presented during the world's original Angular conference within one page. Each session includes a ...

Nitay Neeman


Generating A Word Search Puzzle Grid In Angular 9.1.4

Over the weekend, I felt like coding a little palette-cleanser - something that would take my mind in a different direction. I also don't...

Ben Nadel


React

Fetching Data in React using Hooks

Class components are verbose and cumbersome. In many cases, we are forced to duplicate our logic in different lifecycle methods to implem...

Bit


What I wish I knew about React

A couple weeks ago I started working on my first React application. Not only was it my first React application, but it was also my first ...

Ire Aderinokun


What We Should Know About React Hook Dependencies

Hook is a really great feature in React. They allow you to use state and other React functions without writing a class. It optimizes our ...

Gapur Kassym


Lifecycle methods substitute with React Hooks

Why use class component when you have hooks 🤩🧨 It's been more than a year now since the release of Hooks. More devs are switching to Ho...

Harsh Makadia


Replacing React Lifecycle Methods with Hooks: A Comprehensive Guide

Class components are verbose and cumbersome. In many cases, we are forced to duplicate our logic in different lifecycle methods to implem...

Bit


React Performance Optimization

Component with limited props is always performed better than component having many props. This is always a good way to drop props that ar...

Bit


Creating React Forms with Formik

Creating forms in a React app is a real pain. We need to handle all the value changes ourselves. For inputs text boxes, we need to get th...

Bit


Aurelia

Level Up Your Aurelia Applications With Router Layouts - I Like Kill Nerds

When it comes to building applications, inevitably you will encounter situations where the base markup of your page is different than oth...

Dwayne Charrington


Vue

Vue.js 2 + Vuex State Management Tutorial by Example - positronX.io

Vue is an excellent open-source front-end library to build user-friendly web/mobile applications. It follows the same component-based arc...

Digamber Singh


Node.js

How to create and write to a CSV file in Node.js

We don't always get what we are searching for, do we? The same thing happened to me! I wanted a proper dataset of information about each ...

Madhav Bahl


DIY Kafka Topic Watcher tool - Node, Express, Server Sent Events and Apache Kafka

This article can be read in at least two different ways: As a somewhat lengthy introduction of a handy tool that you can easily run to in...

JavaScript in Plain English


Think and Write JavaScript With NodeJS

A guide to writing and debug JavaScript with NodeJS instead of browsers. What is NodeJS? It is an open-source and cross-platform JavaScri...

gitconnected


Libraries and Tools

5 Useful JavaScript Time and Date Manipulation Libraries

We always need a modern, great, and lightweight time and date manipulation library for the JavaScript project. If you want to save and ma...

Gapur Kassym


Create a Modular React Component Library

Bit.dev is a component hub (a private registry and a documentation site). It's where you host, document, and manage reusable components f...

Bit


The 6tools that changed JavaScript for me

I've coded for years with statically typed languages, I started with Assembler, moved to C, passing through Visual Basic and C#, but all ...

Edgar Rodríguez


Testing

The Practical Guide to Start React Testing Library with TypeScript.

Everyone knows writing tests is super important for software development. It enables us to change codes more speedy with less bugs. When ...

Egurinko


Functional Programming

A few Questions on Functional Components

Have you wondered how to create a component in React? To answer, it is as simple as creating a function returning an HTML-like syntax. im...

freeCodeCamp.org


JavaScript Fat Arrow Functions for Beginners: An Illustrated Guide

You started learning JavaScript. And now you've noticed you keep meeting this thiccc arrow. You kinda get the gist from seeing how other ...

Daire Ní Chatháin


Until next week!

Bob, Robert, Miro, Branko and Boris

Change how often and what email you get on your account page.

Follow JavaScriptKicks on Twitter and subscribe via RSS.







This email was sent to you
why did I get this?        update subscription preferences
Dotnetkicks, LLC · PO Box 45087 · Seattle, WA 98145 · USA

Older messages

JSK Daily for May 5, 2020

Tuesday, May 5, 2020

JSK Daily for May 5, 2020 View this email in your browser A community curated daily e-mail of JavaScript news The Anatomy of a Tablist Component in Vanilla JavaScript Versus React If you follow the

JSK Daily for May 4, 2020

Monday, May 4, 2020

JSK Daily for May 4, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Use JavaScript to Make Your Browser Speak Recently while developing a personal project, I

JSK Daily for May 1, 2020

Friday, May 1, 2020

JSK Daily for May 1, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Creating React Forms with Formik Creating forms in a React app is a real pain. We need to

JSK Daily for Apr 30, 2020

Thursday, April 30, 2020

JSK Daily for Apr 30, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Syncfusion Free Ebooks | Blazor Succinctly Blazor technology enables you to create

JSK Daily for Apr 29, 2020

Wednesday, April 29, 2020

JSK Daily for Apr 29, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Avoiding Import Issues in TypeScript Monorepos When you're working with a TypeScript

You Might Also Like

📧 EF Core Migrations: A Detailed Guide

Saturday, May 18, 2024

​ EF Core Migrations: A Detailed Guide Read on: m​y website / Read time: 10 minutes BROUGHT TO YOU BY ​ Low-code Framework for .NET Devs ​ Introducing Shesha, a brand new, open-source, low-code

Slack is under attack … and you don’t want that

Friday, May 17, 2024

Plus: OpenAI is not aligned with its Superalignment team View this email online in your browser By Christine Hall Friday, May 17, 2024 Good afternoon, and welcome back to TechCrunch PM. We made it to

Ilya Sutskever leaves OpenAI - Weekly News Roundup - Issue #467

Friday, May 17, 2024

Plus: Apple is close to using ChatGPT; Microsoft builds its own LLM; China is sending a humanoid robot to space; lab-grown meat is on shelves but there is a catch; hybrid mouse/rat brains; and more! ͏

SWLW #599: Surfing through trade-offs, How to do hard things, and more.

Friday, May 17, 2024

Weekly articles & videos about people, culture and leadership: everything you need to design the org that makes the product. A weekly newsletter by Oren Ellenbogen with the best content I found

💾 There Will Never Be Another Windows XP — Why Ray Tracing is a Big Deal in Gaming

Friday, May 17, 2024

Also: What to Know About Google's Project Astra, and More! How-To Geek Logo May 17, 2024 Did You Know The very first mass-manufactured drinking straw was made of paper coated in wax; the straw was

It's the dawning of the age of AI

Friday, May 17, 2024

Plus: Musk is raging against the machine View this email online in your browser By Haje Jan Kamps Friday, May 17, 2024 Image Credits: Google Welcome to Startups Weekly — Haje's weekly recap of

Daily Coding Problem: Problem #1444 [Medium]

Friday, May 17, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Yahoo. Recall that a full binary tree is one in which each node is either a leaf node,

(Not) Sent From My iPad

Friday, May 17, 2024

The future of computing remains frustrating (Not) Sent From My iPad By MG Siegler • 17 May 2024 View in browser View in browser I tried. I really did. I tried to put together and send this newsletter

iOS Dev Weekly - Issue 661

Friday, May 17, 2024

What's the word on everyone's lips? 🅰️👁️ View on the Web Archives ISSUE 661 May 17th 2024 Comment Did you catch Google I/O this week? It's Always Interesting to see what the Android

Your Google Play recap from I/O 2024

Friday, May 17, 2024

Check out all of our latest updates and announcements Email not displaying correctly? View it online May 2024 Google Play at I/O 2024 Check out the Google Play keynote to discover the latest products