Last active
October 22, 2016 23:41
-
-
Save lambdatastic/5aa591b4b80e8cc7771f97a9b4cbdff4 to your computer and use it in GitHub Desktop.
React class
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
http://reactkungfu.com/2015/07/approaches-to-testing-react-components-an-overview/ | |
https://facebook.github.io/react/docs/test-utils.html | |
https://ponyfoo.com/articles/es6-modules-in-depth | |
reactiflux@discord |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1/4 hour overview / history | |
1 hour training | |
1/2 hour testing | |
1/4 hour questions |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Things to cover | |
* What is React? | |
* Why is it so popular? | |
* What does it do well? | |
* What does it not do? | |
Things to emphasize | |
* React is small | |
* React is simple | |
* React is functional |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://www.npmjs.com/package/immutable-backbone | |
https://www.npmjs.com/package/react.backbone | |
https://www.npmjs.com/package/enzyme |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Things to cover: | |
* testing methodologies | |
* tools (Shallow Renderer ftw)(renderIntoDocument also good) | |
* testing state vs presented content | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Things to cover | |
* creating a class | |
* creating a factory | |
* instantiating a class | |
* very basic es6 transforms (burn coffeescript to the ground) | |
* a cursory glance at JSX(good to futureproof, long as you know what's under the hood) | |
* nested components | |
* props | |
* state | |
* component lifecycle | |
Things to emphasize | |
* mutate props or state and I will reject your PR with the fury of a thousand burning suns | |
* Really, don't mutate anything | |
* Simple components can be completely stateless and work off of marionette callbacks | |
* state vs props | |
* keeping state to top level component | |
* what is state (and what is not) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment