Modern JavaScript Tooling with React
Building an application with React typically involves several tools. Whether you configure these on your own or use a tool meant to save you from the configuration like Create React App, the tools are still there. When you come up against a situation where you need to start from scratch or make changes to a webpack or babel configuration, it helps to understand what each tool does, how they fit to
JavaScript Promises in Depth
ES2015 brought a native Promise to the JavaScript standard library. In this course, we’re going to take an in-depth look at how to use promises to model various kinds of asynchronous operations. First, we’re going to explore how to create promises using the Promise constructor or the Promise.resolve() or Promise.reject() methods. Then, we’re going to see how to chain promises together using .then(
Functional Programming Concepts in Purescript
PureScript is a small strongly, statically typed language inspired by Haskell and compiles to JavaScript. This means no run-time errors, human readable output, ADTs, and pattern matching (and more!) all at your fingertips. In this course we will use an online editor to show basics into PureScript with an instant visual representation, investigate the type system and ways to reason about common pro
Stop Memory Leaks with componentWillUnmount Lifecycle Method in React from @kentcdodds on @eggheadio
[00:00] There's actually a pretty serious bug in this implementation, and I added this checkbox to show and hide our stopwatch so that we can reveal this bug. When I uncheck it, it actually removes the component from the dom. When I check it again, it'll re-add it and create a brand-new instance and re-render that. [00:17] If I go ahead and add a callback here inside of set state call and I consol
Learn how to use Immutable.js from @jslauthor on @eggheadio
im·mu·ta·ble i(m)ˈmyo͞odəb(ə)l/ adjective - unchanging over time or unable to be changed. Mutating data is the source of never ending headaches in software systems, and JavaScript code is no exception. Immutable data structures, pure functions, uni-directional data flow... you've probably been hearing these terms. Immutable.js provides us the data structures and utilities that we need to start int
Using WebAssembly with Rust from @nikgraf on @eggheadio
Many languages work on a compilation story to WebAssembly, but Rust is already ready for primetime. Why? Rust is a stable language and great replacement for C and C++. Due to the reference and borrowing concept, Rust doesn’t need a Garbage Collector and can be used for a production-ready WebAssembly project. The Rust/Wasm team has built some sophisticated tooling for straightforward interoperabili
Convert SCSS (Sass) to CSS-in-JS
CSS uses a global namespace for CSS Selectors that can easily result in style conflicts throughout your application when building an application using modern web components. You can avoid this problem by nesting CSS selectors or use a styling convention like BEM but this becomes complicated quickly and won’t scale. CSS-in-JS avoids these problems entirely by generating unique class names when styl
React Class Component Patterns
Once you’ve nailed the fundamentals of React, that’s when things get really fun. This course teaches you advanced patterns in React that you can use to make components that are simple, flexible, and enjoyable to work with. You'll start with a simple <Toggle /> component that you'll progressively refactor to each of the patterns. Throughout the course, you’ll see the benefits of each pattern and ho
JSON Web Token (JWT) Authentication with Node.js and Auth0
JSON Web Token (JWT) is a low overhead option for authentication that is easy to implement and scales with your application. There is no need to store session data as everything you need is stored in an encoded string sent in the JWT, significantly reducing database overhead for your servers. In this course, we will build a simple authentication server that will act as a token issuer, and we will
reduce-redux-boilerplate-with-redux-actions
Redux is a powerful way to manage application state, but that power can come with a lot of code. A single update can sometimes require changes across many files and the code required to define action creators and to handle those actions in your reducer can start to get pretty repetitive. The redux-actions library offers a small but powerful API to help cut down on some of the boilerplate that is t
Offline-First Progressive Web Apps (PWA) in Vue.js
Progressive Web Apps are just Web pages, but with superpowers. They load under uncertain network conditions, even offline. They’re fast and engaging, providing the best user experience. They can be installed on your smartphone if the browser supports it, feeling like a native app. In this course I’m gonna show you how to take an existing Single Page App made in Vue.js and pragmatically convert it
End to End Testing with Google's Puppeteer and Jest
End-to-end testing assures you of a few things: that all the integrated pieces of an application properly function, all those pieces work together as expected, and your tests include and simulate real-user scenarios — something unit and integration tests just don't do. This course introduces you to two great tools for E2E testing: Puppeteer opens and runs applications in a Chromium browser and per
Analyze HTTP Requests and Responses with Chrome Devtools
To understand the Network DevTool, you have to understand what HTTP is and how it works. Let’s use the Network DevTool to inspect an HTTP request and its corresponding response so that we can understand what the browser is doing. [00:01] Everything your browser does, it does by generating what we call http requests, and it sends those requests to a Web server somewhere, which then returns some sor
Understand JavaScript's this Keyword in Depth
JavaScript’s this keyword is a source of confusion for new and experienced developers alike. It can be frustrating if, for some reason, this doesn’t point to the context that was intended. This course will help you understand JavaScript’s this mechanism in-depth. Marius will take us through all of the ways this will change its values, from why many libraries use "use strict" to how arrow functions
Create Filters in Vue.js
[00:00] Here's a list of dinosaurs. Notice that some start with an uppercase letter and others don't. We can use Vue.js filters to fix this issue. Let's start out by adding more to our template. We'll add a span here that shows the dinosaur's name and his weight. Then we'll add a Wikipedia link to the bottom. [00:18] At this point we're in a world of trouble. Let's start cleaning this up by capita
Leverage New Features of React 16
React 16 comes with some powerful new features, in this course we'll be exploring each of them. Each lesson is going to go over every individual new feature, one at a time. From the new error boundaries that will save us many a headache to handling whether to update our state within our setState We won't just be learning the technical capabilities of the new features however, we'll also be going i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Expert led courses for front-end web developers.
Redux: Displaying Loading Indicators
Redux: Persisting the State to the Local Storage
Courses from Marius Schulz | egghead.io