JavaScript Kicks - JSK Weekly - November 12, 2020

When talking about side effects and injections, it's not often people think of anything but the medical industry, except for developers of course. Functional programming was quite the hot topic this week! Let's kick off with Menasria Hafidh's "JavaScript Pure Functions and Side Effects" followed closely with Martin Muzatko walking us through "7 Ways to do Dependency Injection in Functional JavaScript without a Framework".

Popular this week: Juan Cruz Martinez's "What I Learned after 4 Years of React Development."

Popular Stories recently curated by passionate community members

General

4 Ways to Communicate Across Browser Tabs in Realtime

Over the years, Web Browser capabilities have ever increased due to the demands coming from web applications. As a result, we can find mu...

Bit


Merkur - why we built another microfrontend framework

(And by "we" I mean "our Frontend Development team at Seznam ". Hi, folks! Anyway, moving on...)...

Anna Frankova


5 Reasons to Use TypeScript with React

Over the past few years, TypeScript has gain immense popularity among frontend developers. Improved maintainability, code consistency, an...

Bit


35 Awesome Dev People to Follow on YouTube 🔥

Lots of awesome crash-courses on various tech. Usually follows 20/80 rule on theory and practical side respectively. Lately some awesome ...

Madza


KISS, SOLID, YAGNI And Other Fun Acronyms

I've been working in the Software Development industry for over 17 years and I've seen my share of acronyms fly by, some of them making m...

Bit


How to SASS with Webpack 5 - Setup Tutorial

If you happen to have a custom Webpack setup, you may be wondering how to set up SASS with Webpack. This short tutorial walks you through...

Robin Wieruch


How does the event loop work?

The event loop and your code talk from WarsawJS On august 2020 I spoke at WarsawJS, explaining about the event loop and how it works. I h...

YonatanKra


How to Create a Commenting Engine with Next.js and Sanity

One of the arguments against the Jamstack approach for building websites is that developing features gets complex and often requires a nu...

CSS-Tricks


Front-End Web Development Best Practices From My Experience in the Industry

A few months ago, I started working on a one-year web application development project, and I realized how many developers are not quite a...

JavaScript Kicks


JavaScript

What is Metaprogramming in JavaScript? In English, please.

JavaScript has many useful features that most developers know about. At the same time, there are some hidden gems that can solve really c...

Tapas Adhikary


How Child Classes and Inheritance work in JavaScript

Hi y'all, I am back today with the second part of my introduction to JavaScript Classes. Today, I am going to cover child classes, inheri...

Joe Haefling


Understanding JavaScript IIFEs Like a Boss

IIFE is the abbreviation for Immediately Invoked Function Expression. Although the term looks long and confusing, it is a quite simple co...

Bit


Operator Lookup - Search JavaScript operators

Friendly tutorials for developers. Focus on React, Gatsby, CSS, and animation....

Josh Comeau


A brief introduction to Classes and Instances in JavaScript

When I first started working with JavaScript, I had a hard time understanding classes. I didn't understand what they were, how they worke...

Joe Haefling


TypeScript

How to Set Up Next JS with TypeScript [2020] | Creative Designs Guru

Getting Started with TypeScript on Nextjs project. A tutorial on how to install TypeScript on your React components....

JavaScript Kicks


What is the "?." JavaScript/TypeScript operator · Code with Hugo

In JavaScript and TypeScript, the “?.” operator is called optional chaining. It works in a similar fashion to the . (chaining...

Hugo Di Francesco


Terraform with TypeScript

Thanks to the CLI, it is possible to create a basic boilerplate: mkdir typescript-k8s && cd $_ cdktf init --template=typescript --local T...

Francesco Vitullo


React

Thoughts on device based code split in React

Your company hired a new designer who got crazy with the company's web site. A mobile version is born and everybody expects you to code i...

Miroslav Nikolov ⚛️


What I Learned after 4 Years of React Development

Today I was making some reflections on what challenges and new things I learned in the last few years, specifically related to programmin...

livecodestream


Understanding React Portals

When we use a modal inside a particular element (a parent component), the modal's height and width will be inherited from the component i...

Bit


React useRef can be used for more than you think

Imagine a scenario where we need to log something to console at a particular interval when a particular component is mounted. Let me do t...

DEB


React Forms Tutorial: How to Access Input Values, Validate, and Submit Forms

HTML elements like headings , , paragraphs , or simple textual output are meant to display information. On the other side, the forms and ...

Dmitri Pavlutin


Separation of concerns with custom React hooks

React is without a doubt one of the most popular front-end JavaScript frameworks / UI libraries around. However, it doesn't mean that it'...

areknawo


Vue

Inspecting a Vue application in production

The Vue.js devtools are great to use when in the process of developing a web application. However, once you deploy to production it no lo...

Damian J Mullins


Node.js

Create and Deploy a Node.js/Express App for Free

Disclosure: I have no affiliation or investment in any company mentioned in this post. This is just my experience. I assume you have some...

Duc N.


ES2020 Optional Chaining and Dynamic Imports Are Game-Changers. Here's Why.

There are several notable features in the ES2020 release and I would love to highlight two of them in this article - Optional Chaining an...

Bit


Bundling with Rollup

Whereas Webpack is great for building apps, Rollup is great for building libraries. Rollup supports ES modules out of the box. However, t...

JavaScript In Plain English


On Covid-19, GraphQL and AskQL

After writing about AskQL and how to use AskQL with nodejs, the obvious question that repeat itself was: How does it differ from GraphQL?...

YonatanKra


Libraries and Tools

JavaScript Tooling to the Rescue

Learn about some of the most important JavaScript tools that made JavaScript one of the best programming languages....

livecodestream


Functional Programming

7 Ways to do Dependency Injection in Functional JavaScript without a Framework

Once you have created and maintained a couple of applications, you get to appreciate if a change is done quickly. This success is likely ...

Martin Muzatko


React Functional Components, Props, and JSX - React.js Tutorial for Beginners

React is one of the most popular JavaScript libraries for building user interfaces. If you want to become a front-end developer or find a...

freeCodeCamp.org


Timeout Async Functions In Javascript Using A Promise - Talkinghightech

It's not a rare scenario where you need to invoke an asynchronous function that you expect to run in a reasonable period of time. If the ...

Yoni Amishav


Traditional versus Arrow functions in JavaScript Classes

This is a spiritual sequel to this article. Create a class with a method using Traditional function like so. Let's call this Approach A. ...

JavaScript In Plain English


JavaScript Pure Functions and Side Effects

Wondered what developers mean by the terms Pure Functions or Side Effects? And wonder why are they prevalent in the JavaScript ecosystem ...

JavaScript In Plain English


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?    unsubscribe from this list    update subscription preferences
Dotnetkicks, LLC · PO Box 45087 · Seattle, WA 98145 · USA

Older messages

JSK Daily for Nov 12, 2020

Friday, November 13, 2020

JSK Daily for Nov 12, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Form Data Validation in Node.js with Validator.js Introduction Almost every website

JSK Daily for Nov 10, 2020

Tuesday, November 10, 2020

JSK Daily for Nov 10, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Separation of concerns with custom React hooks React is without a doubt one of the most

JSK Daily for Nov 6, 2020

Friday, November 6, 2020

JSK Daily for Nov 6, 2020 View this email in your browser A community curated daily e-mail of JavaScript news How to Create a Commenting Engine with Next.js and Sanity One of the arguments against the

JSK Daily for Nov 5, 2020

Thursday, November 5, 2020

JSK Daily for Nov 5, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Front-End Web Development Best Practices From My Experience in the Industry A few months

JSK Weekly - November 04, 2020

Wednesday, November 4, 2020

Today's newsletter is a quick one for those who would like a brief escape from the US election results. Keeping with the days political tone though, let's kick off with "The Good and Bad

You Might Also Like

Ranked | The 10 Largest Companies in the U.S., Europe, and China 📊

Thursday, March 20, 2025

Lopsided market capitalizations of these 10 largest companies across regions reveals a deeper phenomenon at play. We investigate. View Online | Subscribe | Download Our App Why We're Going All-In

Clean Energy + AI = Our Abundant Future (New Must-Read)

Thursday, March 20, 2025

(hint: it's not data) ... the resource we need to unlock AI's full potential ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

TypeScript Ported to Go for 10x Gains, Azure AI Foundry Goes Agentic, More

Thursday, March 20, 2025

Home | News | How To | Webcasts | Whitepapers | Advertise .NET Insight March 20, 2025 THIS ISSUE SPONSORED BY: ■ Webinar: Design System PoC Live Demo ■ dtSearch® - INSTANTLY SEARCH TERABYTES ■ Visual

wpmail.me issue#711

Thursday, March 20, 2025

wpMail.me wpmail.me issue#711 - The weekly WordPress newsletter. No spam, no nonsense. - March 20, 2025 Is this email not displaying correctly? View it in your browser. News & Articles WordPress vs

Want a More Efficient Kotlin Flow?

Thursday, March 20, 2025

View in browser 🔖 Articles Understanding Flow Operators When working with Kotlin Flows, managing fast-emitting producers and slow collectors is key to avoiding performance bottlenecks. This article

The best free AI courses

Thursday, March 20, 2025

Ultimate accessory kit 🛠️; Pixel 9a sets 'new record'; Laptop deals -- ZDNET ZDNET Tech Today - US March 20, 2025 ai keyboard The best free AI courses and certificates in 2025 Want to become an

⚙️ Nvidia's scaling hopes

Thursday, March 20, 2025

Plus: Biodegradable plastics ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Alert — 6 Nations Using Israeli Paragon Spyware to Hack Apps and Harvest Data

Thursday, March 20, 2025

THN Daily Updates Newsletter cover ChatGPT Prompts Book - Precision Prompts, Priming, Training & AI Writing Techniques for Mortals:Crafting Precision Prompts and Exploring AI Writing with ChatGPT (

The Sequence Opinion #514: What is Mechanistic Interpretability?

Thursday, March 20, 2025

Some observations into one of the hottest areas of AI research. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

This rare, limited-time travel credit card offer is turning heads

Thursday, March 20, 2025

iPhoneLife Logo Sponsored email sent by iPhone Life This rare, limited-time travel credit card offer is turning heads If you've been on the fence about getting a travel card, and you want to make