JavaScript Kicks - JSK Weekly - October 21, 2020

Some weeks just test us more than others. This week though, React was thoroughly put through its paces! Gleb Bahmutov uses Cypress to write effective React tests in "Effective React Tests" by closely following Shadid Haque's "How to write effective tests for React apps with react testing library", while Kelvin goes all out in "Supercharge Testing React Applications With Wallaby.js" and Aditya Agarwal gets a little more complex in "Testing a Redux Hooked App" on Bits and Pieces.

If you're after something a little more fun and happened to have missed it, the ninth annual js13kGames competition has wrapped up with over 220 games submitted! Check out "Top 10 games from the JS13K 2020 competition" for more.

Popular Stories recently curated by passionate community members

General

CSV Data Sources in Blazor Pivot Table: A Groundbreaking Feature

In our 2020 Volume 2 release, the Blazor Pivot Table component has added support for comma-separated value (CSV) data sources. CSV is one...

Syncfusion


Top 10 games from the JS13K 2020 competition šŸ•¹ - The GitHub Blog

The ninth annual js13kGames competition wrapped up last weekend with over 220 games submitted. All created in a month and in less than 13...

GitHub


Getting Started with Malina.js

Expressions are written in Malina.js in between curly braces: {}. These expressions are pieces of Malina language statements that are emb...

Bit


How to Conditionally Add Attributes to Objects

JavaScript is full of tricks that you don't know you want until you ... want ... them. Or maybe just until you see them. One trick I rece...

David Walsh


Setup Emotion to use Tailwind classes in Next.js

Rather than utilizing class names and handling the optimization of which Tailwind classes to include we can leverage the style attributes...

Jason Brown


GitHub CLI is Now Available: Here's Why You Should Be Excited

As of January 2020, GitHub reports having over 40 million users and more than 100 million repositories(including at least 28 million publ...

Bit


Decorators: JavaScript and TypeScript Hidden Gems

Since this is an experimental feature, you'll have to either provide a special flag for the CLI in order to be able to use this feature o...

Bit


JavaScript

Binary Search in JavaScript

Introduction Searching is one of the most commonly performed tasks in the domain of Computer Science. Many algorithms and data structures...

StackAbuse


Important Javascript Array Methods You Should Know - JS Startup

Javascript array method is a broad topic to cover as there is a lot of methods that help to modify the array based on the project or task...

Javascript Startup


Javascript Date Method That You Must Know - JS Startup

In this javascript tutorial, you'll learn some important javascript date method that you mush know because playing with date manipulation...

Javascript Startup


JavaScript Destructuring Basics

Destructuring was introduced in ES2015/ES6. It's really helpful if you know all the ins and outs. There are many articles but they don't ...

Mehul Lakhanpal


Debouncing and Throttling in JavaScript

Throttling essentially let's you execute a function only once in a given period of time. If the time duration given is 500 milliseconds, ...

JavaScript In Plain English


Why Should You Use Top-level Await in JavaScript?

Before the introduction of top-level await, if you ever try to use the await keyword outside of an async function, you would receive a Sy...

Bit


Introduction to Local Storage With JavaScript

The JavaScript Local Storage Web API with Practical Examples...

Mehdi Aoussiad


TypeScript

Svelte with TypeScript and Jest (Starter Project)

In the summer of 2020, Svelte added TypeScript support. Turning it on is as simple as running a single script! But the default starter pr...

Dave Ceddia


Documenting Your TypeScript Projects: There Are Options

Whether you're a TypeScript developer, a JavaScript developer or any type of developer really, you most likely hate writing documentation...

Bit


Angular

Angular Deprecationsā€Š-ā€ŠThe Maze

Software version upgrade - Something that every developer looks forward too. They may be stuck with outdated software or lack of features...

JavaScript In Plain English


Angular Cheat Sheet

Angular is a TypeScript based open-source web application framework used in building both web and mobile based applications. In this arti...

Sunil Joshi


Using A Progressive-Search Optimization When Filtering Arrays In Angular 10.1.6

The other day, I looked at a search optimization in Angular 10 in which I use a single, pre-compiled keyword value as my search target. T...

Ben Nadel


React

Wouter: A Minimalist Alternative to React Router

To start using Wouter, you just need to install the package using your favorite package manager: npm install wouter # or yarn add wouter ...

Bit


Building an Offline-First Web App with create-react-app

Progressive Web Apps (PWA) has become the new norm in building web apps. In contrast to traditional web apps, PWA provides a unique set o...

Bit


Building an Animated Counter with React and CSS

I'll show you how I went about it, but I would love feedback. Is there a better way to do this? Leave a comment or shoot me an email at j...

jason


The Little React Quirk I Wish I'd Known Sooner

I started working with React about 6 years ago and started advocating its superiority in terms of Developer Experience (DX) ever since. H...

Satya Sampathirao


Vue

WTF is Vuex? A Beginner's Guide To Vuex 4

Vuex is one of the most useful tools in the Vue.js ecosystem, but it can be confusing at first. I've written this primer on Vuex that I w...

Vue.js Developers


Easy Method to Add Bootstrap 4 to Vue CLI 4/3 Project - positronX.io

This quick tutorial reveals the most straightforward method to add Bootstrap 4 to the Vue.js application using the BootstrapVue package. ...

Digamber Singh


How to Check Current Vue Js Application Version? - positronX.io

Bear with me because I'm going to show you how to check the existing Vue.js application version number quickly. Before we go any further,...

Digamber Singh


Node.js

Let's Create Our Own Authentication API with Nodejs and GraphQL

Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical consideration...

CSS-Tricks


The Proper Way To Connect Redis and Node.js

Are your clients seeing loading screens for long time? You did everything right but are you still getting high response times and even ti...

JavaScript In Plain English


8 NodeJS Projects Worth Checking

8 NodeJS projects I found on GitHub which are very promising and super interesting.....

Juan Cruz Martinez


Libraries and Tools

Top 10 React Native Chart Libraries in 2020 - Kriss

Representing statistical data in plain text or paragraphs, tables are pretty boring in my opinion. What about you? They become pretty dif...

kris


Testing

Testing a Redux Hooked App

All the integration tests discussed are available on GitHub. For testing UIs we have three options - End to End tests, Integration tests,...

Bit


How to write tests for XState - CodeWithSwiz 12 | Swizec Teller

Once you know how to refactor a useReducer to XState, you gotta prove you did it right. CodeWithSwiz is a twice-a-week live show. Like a ...

Swizec


How to write effective tests for React apps with react testing library?

This tutorial demonstrates how to write effective tests for your React application with react testing library and jest. We will cover How...

Soshace for Developers


Supercharge Testing React Applications With Wallaby.js

Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to ...

Smashing Magazine


Effective React Tests

How to write effective React tests using Cypress Note: this blog posts closely follows How to write effective tests for React apps with r...

Gleb Bahmutov


Functional Programming

ES6 - Higher-Order Functions

Introduction In this article, we will first understand what a higher-order function is and then look at a few code examples of the popula...

Skay


What is Functional Inheritance?

Functional inheritance is the process of inheriting features by applying an augmenting function to an object instance. The function suppl...

loveraJoel


What is a currying function?

A currying function is a function that takes multiple arguments and turns it into a sequence of functions having only one argument at a t...

loveraJoel


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 Oct 20, 2020

Tuesday, October 20, 2020

JSK Daily for Oct 20, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Decorators: JavaScript and TypeScript Hidden Gems Since this is an experimental feature,

JSK Daily for Oct 19, 2020

Monday, October 19, 2020

JSK Daily for Oct 19, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Effective React Tests How to write effective React tests using Cypress Note: this blog

JSK Weekly - October 14, 2020

Monday, October 19, 2020

Happy International World Standards Day! We may not have set ISO standards for development, but we do have 'Best Practices', even if not everyone agrees about what they are, all of the time.

JSK Daily for Oct 14, 2020

Monday, October 19, 2020

JSK Daily for Oct 14, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Using A Single, Pre-Compiled Keyword Search Target For Filtering In Angular 10.1.5 The

JSK Daily for Oct 15, 2020

Monday, October 19, 2020

JSK Daily for Oct 15, 2020 View this email in your browser A community curated daily e-mail of JavaScript news CSV Data Sources in Blazor Pivot Table: A Groundbreaking Feature In our 2020 Volume 2

You Might Also Like

This Week's Daily Tip Roundup

Sunday, May 19, 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

Reading Beyond the Hype: Some Observations About OpenAI and Google’s Announcements

Sunday, May 19, 2024

Google vs. OpenAI is shaping up as one of the biggest rivarly of the generative AI era. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Final Reminder: Apple Issues "Update Now Warning"

Sunday, May 19, 2024

I wanted to send a final reminder — if you haven't already updated your iPhone to iOS 17.5, we strongly recommend you do so today. This is also your last chance to get access to our iOS 17.5 In-

Second Brain/Attention/Find Your Books

Sunday, May 19, 2024

Recomendo - issue #411 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Kotlin Weekly #407

Sunday, May 19, 2024

ISSUE #407 19th of May 2024 Hello Kotliners! The Google I/O just finished this week with a huge announcement for us, with Google supporting now Kotlin Multiplatform on Android, and the KotlinConf will

Learn How to Use AI to Reach Your Full Potential, newsletterest1!

Sunday, May 19, 2024

3 Ways AI Can Help Your Writing ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌

Software Testing Weekly - Issue 220

Saturday, May 18, 2024

Software Testing Conferences 📚 View on the Web Archives ISSUE 220 May 18th 2024 COMMENT Welcome to the 220th issue! Have you ever been to a testing conference? They're a great way to learn about

📶 Is a Cellular iPad Worth It? — How to Prevent YouTube From Taking Over Your Screensaver

Saturday, May 18, 2024

Also: This Robot Vacuum Can Clean Stairs, and More! How-To Geek Logo May 18, 2024 📩 Get expert reviews, the hottest deals, how-to's, breaking news, and more delivered directly to your inbox by

Weekend Reading — Objection-oriented programming

Saturday, May 18, 2024

This week we find a power-up box, replace GitHub Actions with Maven XMLs, avoid the worst website in the world, revisit RTO policies, “listen” to OpenAI employees, watch our Slack private messages, do

Daily Coding Problem: Problem #1445 [Easy]

Saturday, May 18, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Jane Street. The United States uses the imperial system of weights and measures, which