Skip to content

Commit

Permalink
Updates, 2016-11-04
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed Nov 4, 2016
1 parent f1c4734 commit e14f753
Show file tree
Hide file tree
Showing 14 changed files with 77 additions and 4 deletions.
8 changes: 8 additions & 0 deletions es6-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,10 @@
https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBhgcpA8eTYYWg7im72LgLt
A set of video tutorials explaining the new features in ES6

- **ES6 Cheatsheet**
https://es6cheatsheet.com/
An interactive cheatsheet with editable and runnable examples to help explain the new syntax and features in ES6. Offered as a "Pay What You Want" model, so $0 is a valid choice, but payments are requested.


#### In-Depth Details

Expand Down Expand Up @@ -103,6 +107,10 @@
http://www.datchley.name/promise-patterns-anti-patterns/
Some advice for good usage of Promises

- **A Practical Introduction to ES6 Generator Functions**
http://thejsguy.com/2016/10/15/a-practical-introduction-to-es6-generator-functions.html
Some practical examples discussing what generator functions are, how they work, and what they can be used for.


#### Techniques

Expand Down
4 changes: 4 additions & 0 deletions git-resources.md
Original file line number Diff line number Diff line change
Expand Up @@ -126,6 +126,10 @@
- **Interactive Git Cheat Sheet**
http://ndpsoftware.com/git-cheatsheet.html
A clickable page that shows how various commands move data between different parts of Git's storage (working copy, index, local repo, remote repo)

- **giteveryday**
https://www.kernel.org/pub/software/scm/git/docs/giteveryday.html
A useful minimum set of commands for Everyday Git. Commands grouped by usefulness to different categories of users.


#### Desktop GUI Clients
Expand Down
3 changes: 3 additions & 0 deletions mobx-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,9 @@
https://www.youtube.com/watch?v=Aws40KOx90U
A talk by MobX creator Michel Weststrate, describing MobX's concepts and usage

- **A MobX introduction and case study**
https://blog.wearewizards.io/a-mobx-introduction-and-case-study
An introduction to MobX, with examples showing how it works in a real app with Typescript

#### Testing

Expand Down
4 changes: 4 additions & 0 deletions pros-cons-discussion.md
Original file line number Diff line number Diff line change
Expand Up @@ -167,6 +167,10 @@ similar structures in ClojureScript.
https://gist.github.com/gaearon/df0c4025e67399af72786d7ac7c819cc
A couple of extended discussions from Dan debunking myths about React's PATENTS clause, and a collection of further related links

- **React's license: necessary and open?**
http://lu.is/blog/2016/10/31/reacts-license-necessary-and-open/
Analysis from a lawyer on the merits of React's patent license, and whether it still qualifes as "Open Source".

- **Comments from other companies on the acceptability of the license**
https://wptavern.com/automattic-will-continue-to-use-react-js-in-calypso-despite-patent-clause
https://twitter.com/paul_irish/status/754864479460929536
Expand Down
3 changes: 3 additions & 0 deletions react-component-patterns.md
Original file line number Diff line number Diff line change
Expand Up @@ -152,3 +152,6 @@
https://medium.com/@mirkomariani/functional-components-with-react-stateless-functions-and-ramda-e83e54fcd86b
Examples of using Ramda functions to compose together components

- **"What is the ideal way to pass data to a callback prop?**
https://gist.github.com/jazlalli/fdee443405680f96d19211daa15d1d38
Discussion and examples of various ways to pass data to callbacks between children and parents
4 changes: 4 additions & 0 deletions react-forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,10 @@
- **React Hates me: "Overcontrolled" components**
http://www.matthiaslienau.de/blog/2015/4/8/react-hates-me-overcontrolled-components
Describes some specific issues with controlled inputs and the preventDefault method

- **React.js Forms: Controlled Components**
http://lorenstewart.me/2016/10/31/react-js-forms-controlled-components/
An excellent article that describes the concept of controlled components, and demonstrates examples of how to interact with different types of form inputs


#### Form Tutorials and Usage
Expand Down
6 changes: 5 additions & 1 deletion react-native.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,8 @@

- **Building the F8 App**
http://makeitopen.com/
A dive into how the Facebook F8 conference mobile app was built, including planning, design, testing, and data management.
A dive into how the Facebook F8 conference mobile app was built, including planning, design, testing, and data management.

- **Build a Coffee Finder App with React Native and the Yelp API**
https://appendto.com/2016/11/build-a-coffee-finder-app-with-react-native-and-the-yelp-api/
A tutorial that covers building an IOS app that fetches data, organizes views, and displays the data on a map.
6 changes: 6 additions & 0 deletions react-performance.md
Original file line number Diff line number Diff line change
Expand Up @@ -107,6 +107,12 @@ Also see [Webpack Advanced Techniques](./webpack-advanced-techniques.md)
https://medium.com/@lavrton/progressive-loading-for-modern-web-applications-via-code-splitting-fb43999735c6
Examples of how to set up code splitting, and write components that encapsulate the process for improved loading times.

- **Performance Optimizing a React Single Page App**
https://medium.com/front-end-hacking/performance-optimizing-a-react-single-page-app-a68985fa72cc
https://medium.com/@ryancollinsio/performance-optimizing-a-react-single-page-app-part-2-92a0f0c83202
A series of articles looking at various performance-related topics, including server rendering, asset optimization, code splitting, memoization, and immutable data.


#### Immutable Data

- **Building Efficient UI with React and Redux**
Expand Down
4 changes: 4 additions & 0 deletions react-redux-testing.md
Original file line number Diff line number Diff line change
Expand Up @@ -134,6 +134,10 @@
https://ifelse.io/2016/04/04/testing-react-components-with-enzyme-and-mocha/
Examples of setting up a Webpack+Mocha test environment, and using Enzyme for implementing tests

- **Testing for PropType Errors in React**
https://daveceddia.com/testing-for-proptypes-errors/
Some quick examples that use Sinon to check for error logging to help verify correct prop usage during testing.

#### General Testing, Tools, and Setup

- **Javascript Testing: Unit vs Functional vs Integration**
Expand Down
4 changes: 3 additions & 1 deletion redux-side-effects.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,4 +73,6 @@
http://survivejs.com/blog/redux-saga-interview/
An interview with the author of Redux-Saga, where he describes some of its concepts and history


- **Lazy registration with Redux and Sagas**
http://goshakkk.name/lazy-auth-redux-saga-flow/
Examples of using Redux-Saga to implement an async series of user interactions.
15 changes: 15 additions & 0 deletions redux-techniques.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,10 @@
- **Using normalizr.js in a Redux store**
https://medium.com/@mcowpercoles/using-normalizr-js-in-a-redux-store-96ab33991369
Some examples of using Normalizr and selectors to manage normalized data

- **Memoize-Immutable: efficient memoizer for Redux**
https://blog.prototypo.io/memoize-immutable-efficient-memoizer-for-redux-and-other-immutable-environments-59277fefa45f
Discusses principles of immutability and memoization, and a library they built to help memoize Redux data lookups

#### Encapsulation and Reusability

Expand Down Expand Up @@ -133,6 +137,14 @@
http://randycoulman.com/blog/2016/09/20/redux-reducer-selector-asymmetry/
http://randycoulman.com/blog/2016/09/27/modular-reducers-and-selectors/
A blog series discussing approaches to encapsulating Redux data using selectors and other related approaches

- **Redux State Keys - A predictable yet dynamic substate**
http://www.robinwieruch.de/redux-state-keys/
Description of an approach for dividing up domain-specific state from abstract state, and reusing logic based on those slices.

- **The Power of Higher-Order Reducers**
http://slides.com/omnidan/hor#/
A set of slides discussing how reducers can be layered together to add capabilities


#### UI and Widget Implementations
Expand All @@ -149,6 +161,9 @@
http://jslancer.com/2016/08/07/implement-a-confirm-modal-using-react-redux/
Demonstrates wrapping up an existing modal library to be controlled by Redux actions

- **Implementing Search/Filter on a list in React and Redux**
https://medium.com/@yaoxiao1222/implementing-search-filter-a-list-on-redux-react-bb5de8d0a3ad Some quick examples of using Redux to supply a list of items as a prop, and using React local component state to store a filtered version based on inputs.


#### Other
- **Two mistakes I made working with Redux**
Expand Down
6 changes: 6 additions & 0 deletions static-typing.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,8 @@
- **React: Validating Children**
http://www.mattzabriskie.com/blog/react-validating-children
Examples of using PropTypes to enforce what children can be passed to a component




#### TypeScript
Expand All @@ -44,6 +46,10 @@
- **Flow Guide: The Definitive Guide for using Flow**
https://github.com/ryyppy/flow-guide
Instructions on setting up Flow, a style guide, and links to further info

- **Why Use Flow?**
https://blog.aria.ai/post/why-use-flow/
A look at the concepts of static typing and type inference, examples of using Flow to add type declarations to code, and pointers to further information on Flow.

- **Runtime Introspection of Flow Types**
https://medium.com/@joe_stant/runtime-introspection-of-flow-types-ddb7e5b042a5
Expand Down
6 changes: 5 additions & 1 deletion tips-and-best-practices.md
Original file line number Diff line number Diff line change
Expand Up @@ -84,4 +84,8 @@

- **Our Redux Migration (and 5 tips for adoption in a mature codebase)**
https://blog.agolo.com/our-redux-migration-and-5-tips-for-adoption-in-a-mature-codebase-dc62322cb921
Lessons learned from migrating to Redux, including choosing a directory structure nd knowing when to use Redux.
Lessons learned from migrating to Redux, including choosing a directory structure nd knowing when to use Redux.

- **5 Simple Tips for Your First React + Redux Project**
https://blog.preen.ly/5-simple-tips-for-your-first-react-redux-project-10cbb2727b9a
Good suggestions for managing state and structure, including using local component state when necessary, use of selector functions, and more.
8 changes: 7 additions & 1 deletion webpack-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,10 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
https://docs.google.com/presentation/d/10mIapWjv1pyUQaMv6G8MCdoe9OK2Ey8zz-CLkHuFdRI/edit?usp=sharing
A long presentation that describes Webpack and its core concepts in depth. A few parts are Angular-centric, but still an extremely clear and informative set of slides. Covers topics like the "entry" and "output" options, "loaders", and "plugins",

- **Advanced Webpack**
http://presentations.survivejs.com/advanced-webpack/
An in-depth presentation that walks through Webpack concepts, terms, configuration, and usage. Covers a number of advanced topics, and very worth reading.

- **Why Can't Anyone Write a Simple Webpack Tutorial?**
https://medium.com/@dtothefp/why-can-t-anyone-write-a-simple-webpack-tutorial-d0b075db35ed
A goofy but informative look at many of the concepts and pieces that make up Webpack
Expand All @@ -129,11 +133,13 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
http://andrewhfarmer.com/webpack-loader-variations/
Examples of the different ways to define a loader in a Webpack config


- **Remix's Software Stack: Webpack**
https://blog.getremix.com/remixs-software-stack-webpack-34990de9d803
An explanation of the configuration settings and options inside one company's Webpack config

- **Webpack devtool source map options**
http://cheng.logdown.com/posts/2016/03/25/679045
A list of the available values for the `devtool` option in a Webpack config

#### Webpack Configuration Utilities

Expand Down

0 comments on commit e14f753

Please sign in to comment.