react for everyone
关注
分享
扫一扫
wirenc
react,express开发 ,安全审计 ,企业信息系统安全运维加固
展开
-
13 Controlled Inputs
vi src/ContactsList.jsimport React from 'react'; import Contact from './Contact'; class ContactsList extends React.Component{ constructor(){ super(); this.state ={ sear原创 2017-01-29 22:05:46 · 333 阅读 · 0 评论 -
10 Exporting&importing A Child Component
vi src/ContactsList.jsimport React from 'react'; class ContactsList extends React.Component{ render(){ return( <ul> <li> Scott 555555555</li> </ul>原创 2017-01-29 21:03:49 · 277 阅读 · 0 评论 -
9.Creating&Rendering Our App
App.jsimport React from 'react'; import ReactDOM from 'react-dom' class App extends React.Component { render(){ return( <div> <h1> Contacts List</h1> </div> ) } }Reac原创 2017-01-29 19:56:35 · 215 阅读 · 0 评论 -
7.5 updating to React15
npm install react-dom@latest –save npm install react@latest –save npm install babel-preset-es2015@latest babel-preset-react@latest –save-devcat package.json "dependencies": { "react": "^15.4.原创 2017-01-29 19:04:29 · 245 阅读 · 0 评论 -
8 Basic Webpack Configuration&Server
pwd /7reactforeveryonevi webpack.config.jsmodule.exports= { entry : [ './src/App.js' ], output: { path: __dirname, filename: 'app.js' }, module:{ loader:[原创 2017-01-29 18:47:53 · 336 阅读 · 0 评论 -
7 Starting A Real Project
mkdir 7reactforeveryone cd 7reactforeveryone/npm initcat package.json npm install babel-core@latest –save-dev npm install babel-loader@latest –save-dev npm install webpack@latest webpack-d原创 2017-01-29 18:33:14 · 216 阅读 · 0 评论 -
6 click Events&A Basic Lifecycle Method
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/react@15/dist/react.js"></script> <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>原创 2017-01-29 17:24:33 · 298 阅读 · 0 评论 -
5 working with state
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/react@15/dist/react.js"></script> <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>原创 2017-01-29 17:16:27 · 244 阅读 · 0 评论 -
4 conditionals in JSX&parent child relationships
</head> <body> <div id="area" ></div> <script type="text/babel"> var HelloWorld = React.createClass({ propTypes:{ name: React.Pr原创 2017-01-29 17:05:14 · 251 阅读 · 0 评论 -
2 our first React Component
5原创 2017-01-29 16:38:25 · 263 阅读 · 0 评论 -
1 getting started &understanding react
1原创 2017-01-29 16:12:28 · 215 阅读 · 0 评论 -
16 Functional Stateless Components
vi src/Contact.jsimport React from 'react';const Contact = ({contact,item}) => <ul> <li> {contact.name} {contact.phone} {item}</li> </ul>export default Contact;vi src原创 2017-01-29 22:43:55 · 328 阅读 · 0 评论 -
15 Using Forms
vi src/ContactsList.jsimport React from 'react'; import Contact from './Contact'; class ContactsList extends React.Component{ constructor(props){ super(props); this.state ={原创 2017-01-29 22:34:38 · 317 阅读 · 0 评论 -
14 Building A Search Filter
vi src/ContactsList.jsimport React from 'react'; import Contact from './Contact'; class ContactsList extends React.Component{ constructor(){ super(); this.state ={ sear原创 2017-01-29 22:16:52 · 315 阅读 · 0 评论 -
11 Passing Date Into Our Components
vi ContactsList.jsimport React from 'react'; class ContactsList extends React.Component{ render(){ console.log(this.props.contacts); return( <ul> <li> {this.p原创 2017-01-29 21:28:01 · 301 阅读 · 0 评论