hello.js

var please = require('share');
console.log('thank you');

Tuesday, 23 July, 2019 UTC

react: Create an API Route in Next.js

react: Create an API Route in Next.js

Next.js supports the ability to create APIs based on routes inside of an `pages/api` folder. This opens up a fantastic workflow for incorporating node services into your projects without any configuration. This lesson walks you through the basics of creating ... more


Tuesday, 23 July, 2019 UTC

gatsby: WTF is JAMstack

gatsby: WTF is JAMstack

## What is JAMStack? JAMstack stands for Javascript API Markup. It’s a modern way of building a web app based on client side technologies that use Javascript, and APIs to extends its functionality like pulling content or authorization. And a prebuilt ... more


Tuesday, 16 July, 2019 UTC

[Course] gatsby: Build Content Rich Progressive Web Apps with Gatsby and Contentful

[Course] gatsby: Build Content Rich Progressive Web Apps with Gatsby and Contentful

The JAMstack, short for “JavaScript, APIs, and Markup,” has been making waves in the world of web development. Building JAMstack applications removes the hassle of building out a backend from scratch, freeing you to focus on what really matters: your ... more


Tuesday, 16 July, 2019 UTC

javascript: Copy an Array with the Spread Operator

javascript: Copy an Array with the Spread Operator

Use the spread operator to create a copy of a flattened array. ... more


Tuesday, 2 July, 2019 UTC

[Course] express: Vue and Socket.io for Real-Time Communication

[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 ... more


Tuesday, 2 July, 2019 UTC

javascript: Convert an Object to an Array and back again with Object.entries and Object.fromEntries

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. ... more


Friday, 28 June, 2019 UTC

node: Install Node with nvm

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. ... more


Friday, 28 June, 2019 UTC

javascript: Flatten a Nested Array in JavaScript with Array.prototype.flat

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. ... more


Wednesday, 26 June, 2019 UTC

react: Getting started with Material-UI v4 inside an existing React application

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 ... more


Wednesday, 5 June, 2019 UTC

javascript: Use Template Literals to Embed Expressions in Strings

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). ... more


Wednesday, 5 June, 2019 UTC

javascript: Use Default Parameters with Functions

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 ... more


Monday, 3 June, 2019 UTC

react: Build a basic text editor with draft.js and react

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 ... more


Friday, 31 May, 2019 UTC

javascript: Avoid Assignment Errors by Using Reflect.set

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 ... more


Friday, 31 May, 2019 UTC

javascript: Customize Assignment Behavior with a Proxy Handler

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 ... more


Wednesday, 29 May, 2019 UTC

javascript: Avoid Losing Text when Refreshing the Browser with localStorage

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. ... more


Tuesday, 28 May, 2019 UTC

javascript: Customize Behavior when Accessing Properties with Proxy Handlers

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 ... more


Monday, 27 May, 2019 UTC

egghead: Get Acquainted with Functor Data Types in JavaScript by creating an Identity Functor

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 ... more


Sunday, 26 May, 2019 UTC

javascript: Use a Maybe functor to halt transformer functions from acting on null or undefined values

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 ... more


Saturday, 25 May, 2019 UTC

svelte: Use Svelte 3 stores to share data between multiple unrelated components

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 ... more


Friday, 24 May, 2019 UTC

react: Import Markdown Files into Other Markdown Files as React Components with Next.js

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 ... more


Friday, 24 May, 2019 UTC

react: Use Markdown Files in the Next.js Pages Directory Instead of React Components

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 ... more


Tuesday, 21 May, 2019 UTC

react: Configure Next.js to Use Markdown Inside of React

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 ... more


Tuesday, 21 May, 2019 UTC

react: Enable the `.md` Markdown File Extension for Next.js Pages

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 ... more


Wednesday, 15 May, 2019 UTC

javascript: Parse a CSV file into JSON

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. ... more


Tuesday, 7 May, 2019 UTC

javascript: Singularize, Pluralize and Ordinalize English Words in JavaScript

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 ... more


Tuesday, 7 May, 2019 UTC

svelte: Add data to HTML markup using Svelte 3

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. ... more


Tuesday, 30 April, 2019 UTC

vue: Create an Ionic 4 application with Vue.js

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. ... more


Tuesday, 16 April, 2019 UTC

html: Allow External Styling of a Web Component's Shadow DOM

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 ... more


Friday, 12 April, 2019 UTC

react: Use a React Component from NPM in an MDX File with Gatsby MDX

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. ... more


Friday, 12 April, 2019 UTC

vue: Introduction to MDX

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 ... more