React.js drag&drop file upload

Create the drag&drop file upload in #ReactJS easily:

  • then((data)=>{ resolve(data); }); }); }, previews() { return this.state.fileList.map((file, index) => { const removeItem = () => { this.removeItem(index); } const uploadFile = () => { this.uploadFile(file).then(()=>{ this.removeFile(file); }); } return ( ); }); }, uploadFiles(){ this.state.fileList.forEach(file=>{ this.uploadFile(file).then(()=>{ this.removeFile(file); }); }); }, selectFile(e) { e.preventDefault(); this.input.click(e); }, render() { const { maxSize, name, multiple, label } = this.props; const dragClasses = [ styles.fileDrag, this.state.hoverState ].join(‘ ‘).trim(); const fileExt = do { if (this.state.fileList.length === 1) { if (
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
  • You can also link to another Pen and we’ll pull the JavaScript from that Pen and include it.
  • You can apply CSS to your Pen from any stylesheet on the web.

simple file upload with drag & drop. Using a mock upload…
Continue reading “React.js drag&drop file upload”

Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News – AngularJS News – AngularJS News

#reactjs Top Building angularjs What is mobile development going to look like in 2-5 years?

  • Facebook wants mobile developers to be able to ship their native apps continuously, just like web developers can.
  • After building a web app in React.js, a developer who wants to port to native iOS or Android needs to rewrite some code, but code reuse is frequently in the ballpark of 60-80%.
  • Both the virtual DOM and Relay allow React developers to explicitly state the needs of their components, without having to try and be minimal for performance reasons.
  • iOS and Android engineers have to recompile their entire app to see any changes.
  • Today, React is the common ground between iOS, Android, and web developers.

Web development has become much easier over the last few years. Will this also happen for native mobile development? How much will iOS and Android converge? Is React Native going to go anywhere? @ReactiveConf: What is mobile development going to look like in 2-5 years? #ReactJS
@ReactJS_News: #angularjs What is mobile development going to look like in 2-5 years? #Applications
@AngularJS_News: Top #Building angularjs What is mobile development going to look like in 2-5 years? #ReactJS
@AngularJS_News: Top Building angularjs What is mobile development going to look like in 2-5 years? #GraphQL

Continue reading “Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News – AngularJS News – AngularJS News”

Introduction · RxConnect – ReactJS News

RT @bsideup Introduction · RxConnect  #Component #GE

  • map ( todos = > ( { todos } ) ) ) ; } ) class TodoList extends React .
  • Component { state = { completed : false } ; cancelFetch = undefined ; fetchData ( props , completed ) { if ( this .
  • setState ( { completed } ) ; } render ( ) { return } } class TodoList extends React.
  • @connect ( state = > ( { userId: state.userId, todos: state.todos } ) , dispatch = > bindActionCreators ( { fetchData } , dispatch) ) class TodoContainer extends React.
  • PureComponent { render ( ) { const { todos , onCompleted } = this .

@rxConnect ( (props$, state$, dispatch) = > { const actions = { onCompleted$: new Rx.Subject ( ) } const userId$ = state$. pluck ( “userId” ) . distinctUntilChanged ( ) ; const completed$ = actions.onCompleted$. pluck ( 0 ) . startWith ( false ) ; const todos$ = Rx.Observable . combineLatest (userId$, completed$) . flatMapLatest ( ( [ userId, completed ] ) = > dispatch ( fetchData (userId, completed) ) . startWith (undefined) ) ; return Rx.Observable. merge ( Rx.Observable: : ofActions (actions) , todos$. map (todos = > ( { todos } ) ) ) ; } ) class TodoList extends React.PureComponent { render ( ) { const { todos, onCompleted } = this .props; return (

Continue reading “Introduction · RxConnect – ReactJS News”

Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News – AngularJS News

Top Building angularjs What is mobile development going to look like in 2-5 years?  #GraphQL

  • Facebook wants mobile developers to be able to ship their native apps continuously, just like web developers can.
  • After building a web app in React.js, a developer who wants to port to native iOS or Android needs to rewrite some code, but code reuse is frequently in the ballpark of 60-80%.
  • Both the virtual DOM and Relay allow React developers to explicitly state the needs of their components, without having to try and be minimal for performance reasons.
  • iOS and Android engineers have to recompile their entire app to see any changes.
  • Today, React is the common ground between iOS, Android, and web developers.

Web development has become much easier over the last few years. Will this also happen for native mobile development? How much will iOS and Android converge? Is React Native going to go anywhere? @ReactiveConf: What is mobile development going to look like in 2-5 years? #ReactJS
@ReactJS_News: #angularjs What is mobile development going to look like in 2-5 years? #Applications
@AngularJS_News: Top #Building angularjs What is mobile development going to look like in 2-5 years? #ReactJS

Continue reading “Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News – AngularJS News”

Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – ReactJS News

#Android Applications What is mobile development going to look like in 2-5 years?   #ReactJS

  • Facebook wants mobile developers to be able to ship their native apps continuously, just like web developers can.
  • After building a web app in React.js, a developer who wants to port to native iOS or Android needs to rewrite some code, but code reuse is frequently in the ballpark of 60-80%.
  • iOS and Android engineers have to recompile their entire app to see any changes.
  • Both the virtual DOM and Relay allow React developers to explicitly state the needs of their components, without having to try and be minimal for performance reasons.
  • Today, React is the common ground between iOS, Android, and web developers.

Web development has become much easier over the last few years. Will this also happen for native mobile development? How much will iOS and Android converge? Is React Native going to go anywhere? @ReactiveConf: What is mobile development going to look like in 2-5 years? #ReactJS
@ReactJS_News: #Applications What is mobile development going to look like in 2-5 years? #javascript

Continue reading “Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – ReactJS News”

Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News

Top #Building angularjs What is mobile development going to look like in 2-5 years?  #ReactJS

  • Facebook wants mobile developers to be able to ship their native apps continuously, just like web developers can.
  • After building a web app in React.js, a developer who wants to port to native iOS or Android needs to rewrite some code, but code reuse is frequently in the ballpark of 60-80%.
  • iOS and Android engineers have to recompile their entire app to see any changes.
  • Both the virtual DOM and Relay allow React developers to explicitly state the needs of their components, without having to try and be minimal for performance reasons.
  • Today, React is the common ground between iOS, Android, and web developers.

Web development has become much easier over the last few years. Will this also happen for native mobile development? How much will iOS and Android converge? Is React Native going to go anywhere? @ReactiveConf: What is mobile development going to look like in 2-5 years? #ReactJS
@ReactJS_News: #angularjs What is mobile development going to look like in 2-5 years? #Applications

Continue reading “Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News – AngularJS News”

Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News

#Applications What is mobile development going to look like in 2-5 years?  #javascript

  • Facebook wants mobile developers to be able to ship their native apps continuously, just like web developers can.
  • After building a web app in React.js, a developer who wants to port to native iOS or Android needs to rewrite some code, but code reuse is frequently in the ballpark of 60-80%.
  • iOS and Android engineers have to recompile their entire app to see any changes.
  • Both the virtual DOM and Relay allow React developers to explicitly state the needs of their components, without having to try and be minimal for performance reasons.
  • Today, React is the common ground between iOS, Android, and web developers.

Web development has become much easier over the last few years. Will this also happen for native mobile development? How much will iOS and Android converge? Is React Native going to go anywhere? @ReactiveConf: What is mobile development going to look like in 2-5 years? #ReactJS

Continue reading “Jeff Meyerson’s answer to What is mobile development going to look like in 2-5 years? – ReactJS News”