hello.js

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

NEW !!!

Tuesday, 24 November, 2020 UTC

javascript: Interactively exploring a large JSON file with fx

Opening large JSON files inside of your IDE or text editor can be a pain at times, with this command line tool you can drill down into large JSON files with just a few commands. We will explore opening a large JSON file containing an array of more than ... more


Tuesday, 24 November, 2020 UTC

javascript: Record a Performance Profile Using Chrome Devtools

The first step to understanding your website performance is to profile it. In this video, learn how to record the performance profile of any website with chrome browser's devtools. ... more


Monday, 23 November, 2020 UTC

javascript: Provide Default Values with Optional Chaining and Null Coalescing in JavaScript

JavaScript's optional chaining can be used to return prevent errors when accessing properties that do not exist. In order to return a useful value, we can combine optional chaining with null coalescing. ... more


Monday, 23 November, 2020 UTC

javascript: Enable optional chaining in Node app by using Babel

Optional chaining enables safe access of properties of an object. It can be enabled in a Node app by using Babel preset-env. ... more


Monday, 23 November, 2020 UTC

javascript: Access Long Chains of Properties with JavaScript Optional Chaining

Accessing a long chain of properties can be risky since one or more properties could be undefined or null. To be safe, we can use optional chaining when accessing long chain of properties. ... more


Thursday, 19 November, 2020 UTC

css: Style a React Input Component with CSS-in-JS

In this lesson, we style our list component so that we can see the other users' user name. We use the `style` prop on our inputs to pass JavaScript objects to define our list styles. ... more


Thursday, 19 November, 2020 UTC

egghead: Testing JavaScript 2020 update

null ... more


Thursday, 19 November, 2020 UTC

graphql: Query Multiple Services with OneGraph GraphiQL Editor

In this lesson, we create an OneGraph application. We use the data explorer to build a GraphQL query to fetch data services like npm and dev.to. ... more


Thursday, 19 November, 2020 UTC

react: Wrap Our React Application in an AuthProvider Component

We wrap our app in `src/index.js` file with the `AuthProvider` component. Then we call `React.useContext` in our `App` component to grab the `login` and `status` in our `AuthContext`. `status` will be an object where the keys in the object will be the ... more


Thursday, 19 November, 2020 UTC

react: Role Based Auth in NodeJS with ExpressJS and Auth0

Role-Based Access Control (RBAC) is the idea of grouping permissions together by a role. Users are assigned a role through the Auth0 dashboard the corresponding permissions are placed on the user's access token (JWT) after authenticating. That access ... more


Saturday, 14 November, 2020 UTC

javascript: Easily detect memory leak source using chrome dev tools allocation instrumentation

Detecting a memory leak is not always easy. Chrome dev tools allocation instrumentation is a great tool with a visualisation that helps you track down memory leaks easily. ... more


Saturday, 14 November, 2020 UTC

javascript: Find DOM memory leaks in Google Chrome

Memory leaks are an annoying and possibly devastating for applications. In frontend Javascript, DOM elements are being added and removed from the DOM but sometimes we forget that elements are referenced inside Javascript. This memory leak is sometimes ... more


Wednesday, 11 November, 2020 UTC

graphql: Connect newly registered users from Auth0 to Hasura and add authorization roles

When using Auth0, newly registered users will likely need to be stored somewhere in your own systems so that you can store more data about them. This means Auth0 needs to send data about users that register through its services to your own services. Auth0 ... more


Monday, 9 November, 2020 UTC

egghead: Authorization in NodeJS with ExpressJS and JWT

In simple terms, authorization is the process of verifying what users have access to (after authenticating). This video assumes that you already have authentication set up and are ready to add authorization. Authentication is the process of verifying ... more


Tuesday, 27 October, 2020 UTC

javascript: Enabling CSS manipulation inside the shadow DOM using the part pseudo class

The part pseudo class allows consumers of a web component to manipulate certain key elements inside the Shadow DOM. In this lesson we will explore two use cases to using the part pseudo class. ... more


Tuesday, 27 October, 2020 UTC

javascript: Use Cypress and Storybook to test your React Components in Isolation

[Nx](https://nx.dev) combines a lot of the best tools on the market, integrates them, and provides tooling to provide the best possible developer experience. One such pair is [Cypress](https://www.cypress.io/) and [Storybook](https://storybook.js.org/). ... more


Tuesday, 27 October, 2020 UTC

javascript: Connect to an Express.js API from a React app in an Nx Workspace

Nx is not only capable of scaffolding frontend projects, but it also supports a lot of backend setups. In this specific lesson, we're going to explore the setup we previously generated, specifically inspecting how passing `--frontentProject` to the Express.js ... more


Tuesday, 27 October, 2020 UTC

javascript: Share and Reuse functionality with libraries in Nx

Scaling development across large teams and organizations isn't always just about having fast builds or CI runs. It is also about being able to implement scalable architectural patterns. Nx helps you split up your functionality into libraries and help ... more


Tuesday, 27 October, 2020 UTC

javascript: Use Run Commands to launch the API and App of an Nx Workspace

When you host your frontend and backend API in the same Nx workspace, you most often want to launch them simultaneously. Of course, you can run the processes in two different terminals, but that's kinda cumbersome. In this lesson, we're going to look ... more


Tuesday, 27 October, 2020 UTC

javascript: Create an Express Backend API in an Nx Workspace

When we talk about monorepos, we don't talk about the frontend specifically. Quite contrary: an Nx workspace can also host our backend apps. This opens up completely new possibilities in terms of exchanging code between the frontend and corresponding ... more


Tuesday, 27 October, 2020 UTC

javascript: Use the Nx Dependency Graph to Visualize your Monorepo Structure

Nx does much more to help you scale and manage a large repository than just generating code or serving apps. Behind the scenes, Nx calculates a dependency graph that is key for a variety of different optimizations. We can also visualize this dependency ... more


Tuesday, 27 October, 2020 UTC

javascript: Generate a TypeScript library in an Nx Workspace

Sometimes all you need is a framework-agnostic library to place your utilities or even business-related functionality that isn't tight to any specific UI framework. In Nx you can generate such a pure TypeScript library. In this lesson, we're going to ... more


Tuesday, 27 October, 2020 UTC

javascript: Install and use external npm packages in an Nx Workspace

Nx has been design to work especially well in large monorepos. One particularity (compare to other monorepo solutions) is that Nx follows the principle of having one single version of a package in the entire workspace. That said, you'll have one version ... more


Tuesday, 27 October, 2020 UTC

javascript: Create a new empty Nx Workspace

In this lesson we're going to use the create-nx-workspace npm package to generate and configure a new [Nx workspace](https://nx.dev/react). While there exist different preset options for a new workspace, in this lesson we're generating a new empty one ... more


Tuesday, 27 October, 2020 UTC

javascript: Generate new Projects for Nx with Nx Console

In [this lesson](https://egghead.io/lessons/egghead-generate-a-new-react-app-with-nx) we learned how to use the Nx command-line instructions to generate a new React application. Sometimes, however, it is much easier and more comfortable to use a visual ... more


Tuesday, 27 October, 2020 UTC

javascript: Building your React app with Nx

At some point you definitely want to build and deploy your app. Obviously, [Nx](https://nx.dev) got your back as well. In this lesson we're going to explore the command & configuration for producing a deployable bundle. We'll go through some of the ... more


Tuesday, 27 October, 2020 UTC

javascript: Speed up with Nx computation Caching

Nx already helps speed up (and thus scale) your workspace by using so-called "affected commands". To speed up even further, Nx recently introduced a computation cache, which is basically memoization for you Nx commands. Whenever you run a command, ... more


Tuesday, 27 October, 2020 UTC

javascript: Run Jest tests for a React app with Nx

One of the strengths of [Nx](https://nx.dev) is that it provides you easy access to some of the best tooling available. As such, whenever you generate a new app or lib inside an Nx workspace, it automatically preconfigures Jest for you and even sets up ... more


Tuesday, 27 October, 2020 UTC

javascript: Scale CI runs with Nx Affected Commands

Nx particularly shines when it comes to scaling in a large repository, but it can even be beneficial for smaller workspaces. Continuous integration time is particularly interesting. There's nothing more annoying when you have to wait for that pipeline ... more


Tuesday, 27 October, 2020 UTC

next: Create a new Blitz.js Project

For Blitz.js to wrok properly you need to have *Node.js 12 or newer*. You can create a new Blitz.js project using the Framework's cli tool. ### Install Blitz Run `npm install -g blitz` ### Create a New App 1. `blitz new myApp` 1. `cd myApp` 1. `blitz ... more