hello.js

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

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


Monday, 8 April, 2019 UTC

javascript: Refactor Named Parameters to Function Composition

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


Friday, 5 April, 2019 UTC

javascript: Collapse a Submenu on the blur Event to Improve Navigation Accessibility

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


Friday, 5 April, 2019 UTC

rxjs: André Staltz Presents: Build your own RxJS

rxjs: André Staltz Presents: Build your own RxJS

André shows us how to build a minimum functioning RxJS and teaches us some important concepts about reactive programming. JavaScript has multiple APIs that use callback functions that all do nearly the same thing with slight variations. Event listeners, ... more


Tuesday, 2 April, 2019 UTC

javascript: Create a JavaScript application with Parcel

javascript: Create a JavaScript application with Parcel

Starting a brand new project can be tricky. Sometimes we end up spending a couple of hours writing configs for tools like webpack, where instead we would like to dive straight to the code. [Parcel](https://parceljs.org/getting_started.html) allows us ... more


Tuesday, 26 March, 2019 UTC

[Course] algolia: Getting Started with Algolia InstantSearch.js

[Course] algolia: Getting Started with Algolia InstantSearch.js

Today’s users expect great things from their search experiences — speed, relevance, and usability, to name a few. Algolia provides developers with out-of-the-box and customizable search experiences that are a joy to build. This introductory course on ... more


Friday, 22 March, 2019 UTC

[Course] javascript: Just Enough Functional Programming in JavaScript

[Course] javascript: Just Enough Functional Programming in JavaScript

In the last few years, the software development industry has seen a resurgence of functional programming. But what is it? And how do you get started? “Just Enough” is an introduction to functional programming, written in JavaScript, that doesn’t get bogged ... more


Monday, 18 March, 2019 UTC

react: Understanding how react-testing-library works with Kent C. Dodds

react: Understanding how react-testing-library works with Kent C. Dodds

Kent walks us through the internals of dom-testing-library and react-testing-library. There is a lot of set-up and tear down when testing UI components. These two libraries take away a lot of the work required to test React components well. Jest is commonly ... more


Monday, 18 March, 2019 UTC

javascript: Rapidly prototype and document user interface components in MDX using the ok-mdx CLI

javascript: Rapidly prototype and document user interface components in MDX using the ok-mdx CLI

The [ok-mdx](https://github.com/jxnblk/mdx-go) library gives users access to the `mdx` command-line tool. The lesson shows users how to leverage the `mdx` command to fire up a local development server where we can write markdown using the MDX syntax and ... more


Friday, 15 March, 2019 UTC

css: Converting Sass To CSS

css: Converting Sass To CSS

In this lesson we'll learn how to convert our Sass code to CSS code. We'll take a look at the sass watch command and use it to listen for changes within our Sass code. The `sass` executable can be downloaded globally through npm by running `npm i -g sass`. ... more


Thursday, 14 March, 2019 UTC

chrome-devtools: Use Logpoints to log messages without cluttering up your code with console.log() statments

chrome-devtools: Use Logpoints to log messages without cluttering up your code with console.log() statments

[Logpoints](https://developers.google.com/web/updates/2019/01/devtools) are one of the features recently released in Chrome 73. They allow you to easily log and debug your code (both on local environment and on production) without cluttering your code ... more


Tuesday, 12 March, 2019 UTC

[Course] bash: Advanced Bash Automation for Web Developers

[Course] bash: Advanced Bash Automation for Web Developers

Bash makes automation easy. Just a few lines of code can take care of repetitive tasks for you and your teammates. In this course, we’ll dive deep into the automation potential of bash. You’ll learn to leverage common hooks that open up interesting automation ... more


Monday, 11 March, 2019 UTC

javascript: Expand a Menu on a focus Event to Improve Navigation Accessibility

javascript: Expand a Menu on a focus Event to Improve Navigation Accessibility

In this lesson, we use a bit of CSS and JavaScript to expand a menu on focus. This is important to ensure that if someone cannot use a mouse, they are still able to open the menu and see which link they are on. ... more


Monday, 11 March, 2019 UTC

javascript: Using the focus event to improve navigation accessibility

javascript: Using the focus event to improve navigation accessibility

In this lesson, we use a bit of CSS and JavaScript to expand a menu on focus. This is important to ensure that if someone cannot use a mouse, they are still able to open the menu and see which link they are on. ... more


Sunday, 3 March, 2019 UTC

javascript: Transform an Array of Objects into an Array of Arrays with .reduce()

javascript: Transform an Array of Objects into an Array of Arrays with .reduce()

We use the same set of data that we used in my filter lesson (https://egghead.io/lessons/javascript-filtering-through-an-array-of-countries-using-filter) to create an array of coordinates. We use the .reduce() method to create the data structure that ... more


Wednesday, 27 February, 2019 UTC

[Course] ramda: Functional Programming in JavaScript with Ramda.js

[Course] ramda: Functional Programming in JavaScript with Ramda.js

Learn how you can use ramda.js to bring functional programming concepts into your JavaScript code. Ramda offers composability and immutability right out of the box, so you can leave your imperative code behind and build cleaner, more maintainable code. ... more


Tuesday, 26 February, 2019 UTC

html: Avoiding CSS Conflicts via Shadow DOM CSS encapsulation

html: Avoiding CSS Conflicts via Shadow DOM CSS encapsulation

Shadow DOM is part of the web components specification. It allows us to ship self contained components along with their style and isolate the component from global style while "protecting" the host application from styles defined inside the ... more


Tuesday, 19 February, 2019 UTC

javascript: Filtering through an Array of Countries using .filter()

javascript: Filtering through an Array of Countries using .filter()

We are going to use the the .filter() method on an array of countries so that we only return the country that matches a particular country code. This could be useful if you are in multinational organization and you want to return data only from that country's ... more


Tuesday, 19 February, 2019 UTC

javascript: Explore ES2019 stable array sorting by example

javascript: Explore ES2019 stable array sorting by example

Before ES2019, array sorting in Javascript was not guaranteed to be stable. In this lesson, we'll learn what stable sorting is by seeing an example of unstable sorting. We'll use nvm to switch between an older version of Node and a newer version and compare ... more