Welcome to JSFeeds
hello.js
Tuesday, 16 July, 2019 UTC
javascript: Copy an Array with the Spread Operator
Use the spread operator to create a copy of a flattened array. ... moreTuesday, 2 July, 2019 UTC
![[Course] express: Vue and Socket.io for Real-Time Communication](https://d2eip9sf3oo6c2.cloudfront.net/series/square_covers/000/000/307/square_480/EGH_VueSocket.png)
[Course] express: Vue and Socket.io for Real-Time Communication
Modern applications know how to keep users informed of realtime updates through notifications, popups, and other messages. On the development side, the ability to not only create web apps but have them communicate in realtime is a quirky, standout skill ... moreTuesday, 2 July, 2019 UTC
javascript: Convert an Object to an Array and back again with Object.entries and Object.fromEntries
Use these functions in order to flip back and forth between an Object and an Array. ... moreFriday, 28 June, 2019 UTC
node: Install Node with nvm
In this video, you'll learn how to Node.js on your computer using [nvm](https://github.com/nvm-sh/nvm) (also known as Node Version Manager). Using `nvm` allows you to easily upgrade or switch between versions of Node straight from the command line. ... moreFriday, 28 June, 2019 UTC
javascript: Flatten a Nested Array in JavaScript with Array.prototype.flat
This is an example of how to use the flat method available on the array prototype in JavaScript. ... moreWednesday, 26 June, 2019 UTC
react: Getting started with Material-UI v4 inside an existing React application
In this lesson we'll learn how to add Material-UI to an existing React application via the `@material-ui/core` npm package. Once installed in our project we'll take a test drive with the `` component and learn about some of the different properties its ... moreWednesday, 5 June, 2019 UTC
javascript: Use Template Literals to Embed Expressions in Strings
In this lesson, you will learn how to embed expressions within strings using [template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). ... moreWednesday, 5 June, 2019 UTC
javascript: Use Default Parameters with Functions
In this lesson, you will learn how to use [default parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters) within functions. This will allow you to use default values in the event your functions are ... moreMonday, 3 June, 2019 UTC
react: Build a basic text editor with draft.js and react
In this lesson you'll learn how to setup and use draft.js to build a basic text editor. draft.js is a powerful framework for building rich text editors used in apps such as Facebook and Twitter. You'll learn to use draft.js in a basic react app, updating ... moreFriday, 31 May, 2019 UTC
javascript: Avoid Assignment Errors by Using Reflect.set
`Reflect.set` enables the same behavior as simply assigning a property to a value, but because it's a function, it allows you to check if the assignment completed successfully. This allows you to avoid errors when assignment fails in scenarios where the ... moreFriday, 31 May, 2019 UTC
javascript: Customize Assignment Behavior with a Proxy Handler
Proxies allow you to hijack the default process of assigning a value to a property on an object. Create a Proxy and link the object you want to proxy to the handler then you can define the behavior inside of a `set` function on the `handler`. The simplest ... moreWednesday, 29 May, 2019 UTC
javascript: Avoid Losing Text when Refreshing the Browser with localStorage
This example uses a `textarea` as a scratchpad where you can write notes that will automatically save the content to the browser. The content is saved even if you refresh or quit out of the browser. ... moreTuesday, 28 May, 2019 UTC
javascript: Customize Behavior when Accessing Properties with Proxy Handlers
A `Proxy` allows you to trap what happens when you try to get a property value off of an object and do some behavior before the value is accessed. For example, you could check the name of the property and always return a certain value or even check if ... moreMonday, 27 May, 2019 UTC
egghead: Get Acquainted with Functor Data Types in JavaScript by creating an Identity Functor
The term functor comes from category theory in which a functor is a date type used to preserve the structure of data as it's transformed from one category to another. We can recreate these data types in JavaScript by using regular factory functions. In ... moreSunday, 26 May, 2019 UTC
javascript: Use a Maybe functor to halt transformer functions from acting on null or undefined values
As its name suggests, a `Maybe` is a type that may or may not hold a value. In JavaScript, we can use `Maybe`s to check whether a value is undefined or null prior to passing it through to a transformer function and ultimately give us better control over ... moreSaturday, 25 May, 2019 UTC
svelte: Use Svelte 3 stores to share data between multiple unrelated components
Not all application state belongs inside your application's component hierarchy. Sometimes, you'll have values that need to be accessed by multiple unrelated components, or by a regular JavaScript module. In Svelte, we do this with _stores_. In this lesson ... moreFriday, 24 May, 2019 UTC
react: Import Markdown Files into Other Markdown Files as React Components with Next.js
Markdown files tend to get really long as you begin authoring them and sometimes separating into pages just isn't enough. mdx-js enables you to import Markdown files then render them inside of other Markdown files as JSX so you can easily separate files ... moreFriday, 24 May, 2019 UTC
react: Use Markdown Files in the Next.js Pages Directory Instead of React Components
With a couple of tweaks to the `next.config.js`, you can begin using Markdown files which will be represented by URLs in the pages directory. With this approach, you could author an entire site using only Markdown files and sprinkling in React components ... moreTuesday, 21 May, 2019 UTC
react: Configure Next.js to Use Markdown Inside of React
By default, Next.js can render React components as pages or parts of pages based on a url structure inside of a pages directory. Installing and configuring the mdx-js plugins for Next.js enables you to use Markdown as a React Component which renders out ... moreTuesday, 21 May, 2019 UTC
react: Enable the `.md` Markdown File Extension for Next.js Pages
The defaults for the Next.js mdx-js plugin only allow you to use files ending in `.mdx`. You probably already have many `.md` files from existing projects, so this lesson walks you through enabling an `.md` files as well with a couple of configuration ... moreWednesday, 15 May, 2019 UTC
javascript: Parse a CSV file into JSON
The humble CSV file is a common way to store tabular data. Some people love using software like Excel or Google Sheets to manipulate CSV files, but I prefer to use JavaScript. In this lesson, we will read a CSV file and parse it as JSON. ... moreTuesday, 7 May, 2019 UTC
javascript: Singularize, Pluralize and Ordinalize English Words in JavaScript
Figuring out the singular and plural versions of words is a piece of cake when you use the inflection library. Stop wasting time wondering how to write a function that pluralizes words like mouse or cactus. And learn how the ordinalize function easily ... moreTuesday, 7 May, 2019 UTC
svelte: Add data to HTML markup using Svelte 3
In most Web applications we want to be able to render different HTML markup depending on values passed in from JavaScript code. In this lesson we are going to learn how to render JavaScript variable in HTML markup when using Svelte 3. ... moreTuesday, 30 April, 2019 UTC
vue: Create an Ionic 4 application with Vue.js
Creating cross-platform web-based applications with Ionic 4 and Vue is easy thanks to the Stencil compiler and the Vue.js CLI. We look at how to combine these together to use Ionic 4 components within our Vue.js applications. ... moreTuesday, 16 April, 2019 UTC
html: Allow External Styling of a Web Component's Shadow DOM
The Shadow DOM protects your components from style conflicts. The same protection also makes it hard for users to modify the inner style for their own needs. In this lesson we go over 3 ways to define API for a controlled manipulation of encapsulated ... moreFriday, 12 April, 2019 UTC
react: Use a React Component from NPM in an MDX File with Gatsby MDX
MDX allows you to use JSX and React components directly inline in your Markdown. Here's how. ... moreFriday, 12 April, 2019 UTC
vue: Introduction to MDX
MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast ... moreMonday, 8 April, 2019 UTC
javascript: Refactor Named Parameters to Function Composition
We often rely far too heavily on adding parameters to our functions when writing a new function would give us much more flexibility and power. This lesson goes through refactoring a named parameters example to using composition instead to show the thought ... moreFriday, 5 April, 2019 UTC
javascript: Collapse a Submenu on the blur Event to Improve Navigation Accessibility
In this lesson, we extend off [Expand a Menu on a focus Event to Improve Navigation Accessibility](https://egghead.io/lessons/javascript-using-the-focus-event-to-improve-navigation-accessibility) to improve the navigation. We use a bit of JavaScript to ... moreFriday, 5 April, 2019 UTC
