Snippet List

• React rendering basics

  React, Article

  Take a deeper dive into React's rendering process and understand the basics behind the popular JavaScript framework.

• Code Anatomy - For loops, array reduce and method chaining

  JavaScript, Article

  There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.

• React rendering state

  React, Article

  Take a deeper dive into React's rendering process and understand the role of the Context API and Redux in it.

• Custom checkbox

  CSS, Visual

  Creates a styled checkbox with animation on state change.

• Testing React components that update asynchronously with React Testing Library

  React, Article

  Testing React components that update asynchronously with React Testing Library is a common scenario. Learn how to deal with common issues and speed up your testing.

• What are JavaScript Iterators and where can I use them?

  JavaScript, Article

  Learn how the new JavaScript ES6 Iterators work and how you can use them to level up your programming projects by understanding these short code examples.

• Can I use an object as an array without modifying it in JavaScript?

  JavaScript, Article

  Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.

• Tip: Make any JavaScript value iterable

  JavaScript, Article

  Did you know you can define an iterator for any JavaScript value? This quick tip will show you how.

• 10 must-have VS Code extensions for JavaScript developers

  Devtools, Article

  VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity.

• Writing readable reducers in Redux

  React, Article

  When working with state in your code, you often run into issues with maintaining complexity and readability. Oftentimes, these issues are easily fixable.

• React rendering optimization

  React, Article

  Take a deeper dive into React's rendering process and understand how to make small yet powerful tweaks to optimize performance.

• TagInput

  React, Components

  Renders a tag input field.

• Can I use an arrow function as the callback for an event listener in JavaScript?

  JavaScript, Article

  Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.

• Where and how can I use memoization in JavaScript?

  JavaScript, Article

  Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.

• Using JavaScript generator functions for ranges

  JavaScript, Article

  Learn how to use JavaScript ES6 generators and iterators to iterate over ranges of numbers.