React: Difference between revisions
Brian Wilson (talk | contribs) |
Brian Wilson (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
React is a framework that helps me build views. | React is a framework that helps me build views. | ||
It came from the people at Facebook. | It came from the people at Facebook. | ||
https://reactjs.org/ | https://reactjs.org/ | ||
== IDE == | |||
This week I am using Atom and found this to be helpful. | |||
https://fullstackengine.net/recommended-atom-packages-react-js/ | |||
So far I have installed | |||
* autocomplete-modules | |||
* sync-settings | |||
== react-test = React Hello World == | == react-test = React Hello World == | ||
Revision as of 19:39, 13 November 2018
React is a framework that helps me build views. It came from the people at Facebook.
IDE
This week I am using Atom and found this to be helpful. https://fullstackengine.net/recommended-atom-packages-react-js/
So far I have installed
- autocomplete-modules
- sync-settings
react-test = React Hello World
To test React + Parcel I created https://github.com/brian32768/react-test which is about as simple as I could make it.
react-bootstrap = React + Bootstrap
See "React and React Native", Chapter 11: Mobile-First React Components.
You can't simply load the separate Node packages because bootstrap normally uses jquery and jquery directly modifies the DOM. That breaks the React model, which uses a "virtual DOM" to speed up rendering-- sort of the whole point of React.
So, install "npm react-bootstrap"
Here is my sandbox where I test and learn: http://github.com/brian32768/react-bootstrap-test
More books and links and things
"Building Enterprise JavaScript Applications", see chapter 14
