React: Difference between revisions
Brian Wilson (talk | contribs) |
Brian Wilson (talk | contribs) |
||
| Line 12: | Line 12: | ||
which is about as simple as I could make it. | which is about as simple as I could make it. | ||
== React + Bootstrap | == react-bootstrap = React + Bootstrap == | ||
See "React and React Native", Chapter 11: Mobile-First React Components. | 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 == | == More books and links and things == | ||
Revision as of 00:56, 10 November 2018
React is a framework that helps me build views.
It came from the people at Facebook.
It uses JSX, YAY YAY I get to learn ANOTHER JavaScript variant, I was so tired of only having to remember the other 9!!!!
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
