Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save spjpgrd/0868c2e387d4bfc547983f8a2ebe7d6a to your computer and use it in GitHub Desktop.
Save spjpgrd/0868c2e387d4bfc547983f8a2ebe7d6a to your computer and use it in GitHub Desktop.

So you're ready to take the leap and learn React? Maybe Redux too? Maybe you've been getting by at work but are ready to level up and be the resident guru.

Presentation for Columbus Web Group Weekend Workshop on 2017-05-13

Demo app for Columbus Web Group weekend workshop on 2017-05-13

You’ll find your components much easier to reuse and reason about if you divide them into two categories. I call them Container and Presentational components* but I also heard Fat and Skinny, Smart and Dumb, Stateful and Pure, Screens and Components, etc. These all are not exactly the same, but the core idea is similar.

A React utility belt for function components and higher-order components.

ES6 is a major update to JavaScript that includes dozens of new features. With a focus on simplicity and readability, this course is an efficient way to find out what is new in JavaScript and most importantly when and how you should use it.

Rich Hickey, the author of Clojure and designer of Datomic, is a software developer with over 20 years of experience in various domains. Rich has worked on scheduling systems, broadcast automation, audio analysis and fingerprinting, database design, yield management, exit poll systems, and machine listening, in a variety of languages.

In economics, hyperbolic discounting is a time-inconsistent model of discounting. It is one of the cornerstones of behavioral economics.

The discounted utility approach states that Intertemporal choices are no different from other choices, except that some consequences are delayed and hence must be anticipated and discounted (i.e., reweighted to take into account the delay).

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.

npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.

Create React apps with no build configuration.

Fast, Reliable, and Secure Dependency Management.

n a world where you need to control revision history and work with multiple teammates, there stands many heroes to help, yet, only one can truly save the day: Git.

Through vivid examples and actionable items, Kevin Mack & Eric Katz will drive through who is, what is, and why Git.

The missing package manager for macOS.

Fluture offers a control structure similar to Promises, Tasks, Deferreds, and what-have-you. Let's call them Futures.

Much like Promises, Futures represent the value arising from the success or failure of an asynchronous operation (I/O). Though unlike Promises, Futures are lazy and adhere to the monadic interface.

Like CodePen with more finicky controls. Great for starting up a React project.

A practical functional library for JavaScript programmers.

Forked from Ramda.

Sanctuary is a JavaScript functional programming library inspired by Haskell and PureScript

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. They were called "template strings" in prior editions of the ES2015 specification.

In this article we are going to discuss how to apply the progressive enhancement philosophy to client-side scripting. As you will soon see, it’s all about two things: restraint and planning.

There are many ways to integrate progressive enhancement into your work using Cascading Style Sheets (CSS), and this article will cover a few of the biggies and get you thinking about other ways to progressively enhance your sites.

A set of React components that implement Google's Material Design.

he Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

Most programming languages contain good and bad parts, but JavaScript has more than its share of the bad, having been developed and released in a hurry before it could be refined. This authoritative book scrapes away these bad features to reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole—a subset you can use to create truly extensible and efficient code.

An extension that allows inspection of React component hierarchy in Chrome Developer Tools.

Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently.

Redux is an evolution of the ideas presented by Facebook's Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language.

Redux is useful for React applications, but React is not a requirement!

It's animated!

Currying is the technique of translating the evaluation of a function that takes multiple arguments (or a tuple of arguments) into evaluating a sequence of functions, each with a single argument.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment