Skip to content
This repository has been archived by the owner on Oct 14, 2021. It is now read-only.

Commit

Permalink
Updates, 2017-05-26
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed May 26, 2017
1 parent 17d6618 commit 37a087c
Show file tree
Hide file tree
Showing 14 changed files with 206 additions and 106 deletions.
6 changes: 5 additions & 1 deletion functional-programming.md
Original file line number Diff line number Diff line change
Expand Up @@ -141,4 +141,8 @@

- **Imperative vs Declarative Programming**
https://medium.freecodecamp.com/imperative-vs-declarative-programming-283e96bf8aea
Metaphors, examples, and explanations for the terms "declarative" and "imperative", and how those relate to Functional Programming
Metaphors, examples, and explanations for the terms "declarative" and "imperative", and how those relate to Functional Programming

- **Higher-order functions in Lodash**
http://pragmatists.pl/blog/2017/05/higher-order-functions-in-lodash/
An explanation of several FP concepts like partial application and currying, and how Lodash offers utility functions to help make use of those concepts.
4 changes: 4 additions & 0 deletions immutable-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,3 +109,7 @@
- **Using Ramda's `evolve` in Redux reducers to create new state**
https://www.jernejsila.com/2017/02/25/using-ramda-evolve-redux-reducers-creating-new-state/
Some quick examples of how Ramda's API can be used for applying immutable data updates

- **How to Use Immutable.js in a React Redux Application**
https://codebrahma.com/how-to-use-immutable-js-in-a-react-redux-application/
Answers to six common questions about why and how to use Immutable.js in a React/Redux app, including whether to keep everything as Immutable.js objects, whether to use it inside of components, and potential benefits of using Immutable.js
3 changes: 3 additions & 0 deletions pros-cons-discussion.md
Original file line number Diff line number Diff line change
Expand Up @@ -205,6 +205,9 @@ similar structures in ClojureScript.
https://www.reddit.com/r/reactjs/comments/60vurv/is_using_create_react_app_bad_practice/
My comments addressing why CRA exists, and why it's a good idea to use it when learning React (especially in comparison to a "learn Webpack+Babel first" approach).

- **"React/Redux or Angular 2 better for big enterprise project?"**
https://www.reddit.com/r/javascript/comments/5wixxc/reactredux_or_angular_2_better_for_big_enterprise/
Some good discussion on what "enterprise" means, and the relative merits of various frameworks for building enterprise apps.

#### React's PATENTS License

Expand Down
8 changes: 8 additions & 0 deletions react-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,6 +98,10 @@
- **Just Write Components**
https://medium.com/lystable-product-engineering/just-write-components-75bd7875223e
The Lystable team discusses how consistently writing encapsulated components leads to scalability in application development

- **"Thinking in React" - A paradox statement**
https://medium.com/@nimelrian/thinking-in-react-a-paradox-statement-33c19e2eb9e2
Some thoughts on the recent "Flux architecture hampered React innovation" Twitter discussion, including a list of three principles for React components, and tradeoffs of data flow handling.


#### React Best Practices
Expand Down Expand Up @@ -212,6 +216,10 @@
https://www.sitepoint.com/organize-large-react-application/
A number of practical suggestions for managing large codebases, including build config to simplify imports, folder structures, file naming, Redux, tests, and more.

- **React Properly**
http://www.benmvp.com/slides/2017/oscon/react-properly.html#/
A presentation by Ben Ilegbodu of Eventbrite, listing several useful best practices like use of ESLint, good structure for render functions, and more.



#### React Architecture
Expand Down
1 change: 1 addition & 0 deletions react-component-patterns.md
Original file line number Diff line number Diff line change
Expand Up @@ -431,6 +431,7 @@

- **Deconstructing the React Component: A Functional Approach to Building React Apps**
https://jaysoo.ca/2017/04/30/learn-fp-with-react-part-1/
https://jaysoo.ca/2017/05/10/learn-fp-with-react-part-2/
An excellent series that shows how to apply advanced Functional Programming techniques towards combining and composing React components together.

- **How to add state to functional components using Recompose**
Expand Down
8 changes: 8 additions & 0 deletions react-forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,10 @@
http://beautifulcode.1stdibs.com/2017/03/23/react-form-state/
Examples of how to structure form state to handle values and validation. Applicable no matter what state management approach is being used.

- **Better Form Management**
https://medium.com/@robbiedelavictoria/better-form-management-37c994095b1c
A couple useful examples of approaches for simplifying React form handling logic.


#### Form Validation

Expand Down Expand Up @@ -138,6 +142,10 @@
https://goshakkk.name/instant-form-fields-validation-react/
Examples of how to perform validation during rendering, and immediately show which inputs are invalid

- **Really Dumb Form Validation**
https://medium.com/@l_e/really-dumb-form-validations-739611d2ffcd
Some quick examples of simple but effective form validation handling inside of React components.


#### Other

Expand Down
4 changes: 4 additions & 0 deletions react-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,10 @@
- **The React Source Code: A Beginner's Walkthrough**
https://medium.com/@ericchurchill/the-react-source-code-a-beginners-walkthrough-i-7240e86f3030
A long, detailed walkthrough of large parts of the React codebase

- **Preact: Into the void 0**
https://youtu.be/LY6y3HbDVmg
A talk by Jason Miller, author of Preact, covering some of the core implementation concepts behind Preact (and other virtual DOM/component libraries), as well as some important aspects for DOM manipulation performance.


#### React Fiber
Expand Down
6 changes: 5 additions & 1 deletion react-native.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,4 +68,8 @@

- **React Native Layout Tricks**
https://www.theodo.fr/blog/2017/04/react-native-layout-tricks/
Helpful examples for achieving specific UI layouts using RN's Flexbox implementation
Helpful examples for achieving specific UI layouts using RN's Flexbox implementation

- **Where does authentication fit in a React Native app?**
https://goshakkk.name/auth-in-react-native-apps/
Some quick thoughts on what authentication involves and how to handle it in an RN app
Loading

0 comments on commit 37a087c

Please sign in to comment.