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

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

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

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

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

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

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

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

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

egghead: Testing JavaScript 2020 update

null ... more

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

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

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

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

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

egghead: Testing JavaScript 2020 update

null ... more

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

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

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

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

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

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

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

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

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

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

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

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

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

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