JavaScript Kicks - JSK Weekly - April 23, 2020

Today is World Book Day, an annual event by the United Nations Educational, Scientific and Cultural Organisation to promote reading, publishing, and copyright. We're happy to do our part on at least one of those today! So let's get reading!

Coding principles, conventions and habits is a hot topic this week with Ann Adaya discussing coding conventions being like a universal language for every developer in "8 Basic Coding Conventions Every Developer Needs To Practice", Colby Fayock detailing how you have the power to make your future self's life Heaven on Earth or a living hell in "Set Future You Up for Success with Good Coding Habits" and Mahdhi Rezvi talking about YAGNI, Law of Demeter, Single Responsibility and other useful principles for better coding in "Code Principles Every Programmer Should Follow" on Bits and Pieces.

The JS VidCon virtual conference is also fast approaching, so don't forget to sign-up!

Popular Stories recently curated by passionate community members

General

Recommended GitHub Integrations for 2020

IDE integrations, Github bots, issue trackers and much more - to help you make the most out of GitHub. GitHub is probably one of the best...

Bit


Set Future You Up for Success with Good Coding Habits

Getting in the habit of being conscious of your coding decisions can make a difference not only as you build out your project, but also w...

freeCodeCamp.org


Accelerated Mobile Page (AMP) Stories: An Overview

The next big thing in Web Development after PWAs Accelerated Media Pages (AMP) is an open-source HTML framework that provides you with a ...

Bit


8 Basic Coding Conventions Every Developer Needs To Practice

Conventions are like a universal language for every developer. I can't stress enough importance of having code quality standards. It is n...

gitconnected


Code Principles Every Programmer Should Follow

If you ask 10 people this question, you will definitely get 10 different answers. Although the answers might be put out in different word...

Bit


Git. Learn by doing: Chapter 3 - Notes of Maks Nemisj

In this chapter, we are going to look closer to the merge process. After you've learned, that branch is only a label, time to have a look...

Maks Nemisj


CSS Pseudo Selectors You Never Knew Existed

Useful CSS pseudo-classes that are often overlooked. (Pseudo) selectors let you assign styles to what are, in effect, phantom classes tha...

Bit


JavaScript

JS VidCon - Sign-up now!

Join to a virtual conJS VidCon is a virtual conference where developers from all over the world can share and gain knowledge from the com...

JS VidCon


Here Are 7 Weird Things in JavaScript

Is == ! ? JavaScript is a great and funny language with tricky weird things. So today I am going to review the 7 weird stuff with co...

Gapur Kassym


How to Inject JavaScript Code to Manipulate Websites Automatically

Have you ever come across a website that displays many pop-ups, or looks finicky in your web browser? And yet you use it often, so you'd ...

freeCodeCamp.org


JavaScript Scope Explained in Simple Words

The scope is an important concent that manages variables accessibility. I will explain step by step, in-depth, what the scope is in JavaS...

Dmitri Pavlutin


10 Tips For Writing Clean JavaScript

We've all been there. We look at our JavaScript from a week, month, year ago and we wonder what kind of coffee we were drinking when we o...

Colum Ferry


Understanding how to export and import functions in javascript

In the index file above we are making use of document.getElemtentById function to search for a div in our page and innerHTML is used for ...

codeclassifiers


TypeScript

How does TypeScript work? The bird's eye view

This blog post gives the bird's eye view of how TypeScript works: What is the structure of a typical TypeScript project? What is compiled...

Axel Rauschmayer


Augmenting Interfaces in the Global Scope in TypeScript

Sometimes, you might want to add a property to an interface that is defined outside of your application. I find myself needing to augment...

Marius Schulz


Types for classes as values in TypeScript

In this blog post, we explore classes as values: What types should we use for such values? What are the use cases for these types? Consid...

Axel Rauschmayer


Angular

The Comparison Between Observables and Promises When Applied to Angular

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


Deploy an Angular application on AWS using serverless

A quick starter for a production ready Serverless Angular application on Amazon Web Services Serverless is a cloud based architecture tha...

Marco Zuccaroli


Angular Reactive Forms - Patching Values and Building Forms

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


React

Top 5 Features of React Menu Bar

The React Menu Bar is a graphical user interface component that serves as a navigation header for your web application. It supports data ...

Syncfusion


3 Ways To Theme React Components

My favorite ways to theme React components. In this post, I give a quick introduction to three of my top favorite ways to theming React c...

Bit


React Hooks & Why They Make (Coding) Life So Much Easier

The best thing about React is that it does a great job of, well, reacting to events in your application. It comes complete with tools to ...

Bryn Bennett


React: Rendering using Concurrent Mode and Suspense

Tip: Use component hubs like Bit.dev to publish, document and organize your reusable React components. Use it with your team to maximize ...

Bit


4 useful JavaScript Shorthands you can use in React.js

Here are my favorite shorthands that provide less & clearer code. And not only in React.js Especially in JSX, code can quickly become con...

JavaScript in Plain English


Animating React with React Transition Group

Unlike other React animation libraries like React Spring or React Reveal, React Transition Group "exposes simple components useful for de...

Bit


A Simple Trick To Immediately Improve Your React Code Readability

A single keyword to rule them all When I first started looking at the React codebase of my new work project, I noticed an interesting pat...

Piero Borrelli


Building React Forms with Schemas and Uniforms

Avoiding boilerplate nightmare by building React forms with schemas and Uniforms. If you have used React to develop your web application,...

Bit


Vue

Vue.js + Express: Single & Multiple Files and Images Upload - positronX.io

In this tutorial, we are going to learn how to upload single & multiple files and images to the Node server from Vue.js application using...

Digamber Singh


GraphQL & the Vue Composition API with Apollo-Composable

In this post, I am assuming you understand the basics of GraphQL but are interested in how to use the Vue Composition API with GraphQL in...

ClearlyInnovative


Programmatic Navigation of Vue Router Routes

Vue.js is an easy to use web app framework that we can use to develop interactive front end apps. In this article, we'll look at how to n...

John Au-Yeung


How the Vue Composition API Replaces Vue Mixins

Looking to share code between your Vue components? If you're familiar with Vue 2, you've probably used a mixin for this purpose. But the ...

CSS-Tricks


Node.js

Querying SQL Server in Node.js Using Async/Await

Working With Databases A Cleaner Way To Query A Database Since database operations (CRUD, Create, Read, Update, Delete) require time to p...

Gravity Well


Refactor Your Node.js and Express APIs to Serverless APIs with Azure Functions

Move from an Express API to a serverless architecture. You'll run a Node.js & Express APIs in the sample project. Next, you'll create an ...

John Papa


Node.js Best Practices - Error Handling and Logging

Node.js is a popular runtime to write apps in JavaScript. To make maintaining them easier, we've to set some guidelines for people to fol...

John Au-Yeung


Why Use Node.js As Your Backend?

Do you have an innovative idea that's going to turn your web app into the next big thing? That's great - but remember that software devel...

Moshfegh Hamedani


Libraries and Tools

Mobile data visualization in React Native apps: top libraries

Flexmonster is a front-end pivot table component, designed to assist in data processing and report building with the help of aggregating,...

Frontend Weekly


Functional Programming

How to Make Your Very Own Express Middleware

Demystifying a simple concept in Express Express is essentially made up of series of middleware functions. Yet the word "middleware" may ...

Ferenc Almasi


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 Apr 22, 2020

Wednesday, April 22, 2020

JSK Daily for Apr 22, 2020 View this email in your browser A community curated daily e-mail of JavaScript news GraphQL Mutation & Subscription GraphQL in layman terms is a query language with a

JSK Daily for Apr 21, 2020

Tuesday, April 21, 2020

JSK Daily for Apr 21, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Code Principles Every Programmer Should Follow If you ask 10 people this question, you

JSK Daily for Apr 20, 2020

Monday, April 20, 2020

JSK Daily for Apr 20, 2020 View this email in your browser A community curated daily e-mail of JavaScript news JS VidCon - Sign-up now! Join to a virtual conJS VidCon is a virtual conference where

JSK Daily for Apr 17, 2020

Friday, April 17, 2020

JSK Daily for Apr 17, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Getting involved with the web platform Published on the in css, web and tagged . I spoke

JSK Daily for Apr 15, 2020

Thursday, April 16, 2020

JSK Daily for Apr 15, 2020 View this email in your browser A community curated daily e-mail of JavaScript news How You Can Become A More Ethical Developer In 2020 By using a "simple-first"

You Might Also Like

Can you be creative just by creating? & Strut shutting down

Sunday, June 23, 2024

Dot launches on the App Store, five keys to managing intrusive thoughts, there is still the need for a better Goodreads alternatives, and a lot more in this week's issue of Creativerly. Creativerly

PD#580 Always Measure One Level Deeper

Sunday, June 23, 2024

The key to good performance measurement is to make many more measurements ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

RD#461 React 19 and Suspense

Sunday, June 23, 2024

A drama in 3 acts ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Daily Coding Problem: Problem #1475 [Medium]

Sunday, June 23, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Twitter. Implement an autocomplete system. That is, given a query string s and a set of

Sunday Digest | Featuring 'The Income Needed to Live Comfortably in Every U.S. State' 📊

Sunday, June 23, 2024

Every visualization published this week, in one place. Visual Capitalist Sunday Digest logo Jun 23, 2024 | View Online | Subscribe | VC+ The Best of This Week's Visuals Presented by Voronoi: The

Maximizing Potential In BNB Staking

Sunday, June 23, 2024

Top Tech Content sent at Noon! Meet the device ushering in a new era of hearing clarity Read this email in your browser How are you, @newsletterest1? 🪐 What's happening in tech today, June 23, 2024

Android Weekly #628 🤖

Sunday, June 23, 2024

View in web browser 628 June 23rd, 2024 Articles & Tutorials Sponsored Want mobile observability built on open source? You need the right data to improve app performance and user experiences. With

Behind the scenes of Fisker’s bankruptcy

Sunday, June 23, 2024

Plus, we explore the real meaning of 'open source AI' View this email online in your browser By Anthony Ha Sunday, June 23, 2024 Image Credits: Fisker Electric vehicle startup Fisker filed for

This Week's Daily Tip Roundup

Sunday, June 23, 2024

Missed some of this week's tips? No problem. We've compiled all of them here in one convenient place for you to enjoy. Happy learning! iPhoneLife Logo View In Browser Your Tip of the Day is

Beyond OpenAI: Apple’s On-Device AI Strategy

Sunday, June 23, 2024

Plus a new super coder model, Meta's new AI releases, DeepMind's video-to-audio models and much more. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏