What’s new in Facebook open source

What's new in Facebook open source?  #ReactJS

  • Many of the launches gained immediate traction within the community, including more than a dozen new projects that have garnered more than 500 followers each.
  • We are continuing to build communities around the projects we open source to ensure that they continue to grow and thrive.
  • As we continue to grow our open source program, we’ll be focused on building the right teams and resources to maintain project quality, and we are excited to continue working with all of you to make all these tools better.
  • Christine Abernathy, Facebook’s Developer Advocate, presenting a keynote at F8 2016 about Facebook’s open source program.
  • The “Developer Garage” area at F8 2016 where Facebook engineers and tech leaders met with attendees to discuss various Facebook initiatives and projects.

Read the full article, click here.


@ReactiveConf: “What’s new in Facebook open source? #ReactJS”


With more than 1.65 billion people on Facebook and more coming online every day, our engineers are hard at work making sure that our services work smoothly for everyone. Part of this work involves streamlining our processes so we can keep moving fast as we continue to scale: We build tools that enable engineers to work more easily across platforms, automate testing to catch problems sooner, and help improve the overall performance of our products.


What’s new in Facebook open source

React Native NYC Meetup

  • React Native developer, formerly musician and language instructor
  • Jesse Sessler is also a Software Engineer on the Mobile development team at Delivery.com.
  • Start a Meetup Group Start a Meetup Group
  • Bruno Barbieri is Lead Software Engineer in charge of Mobile development at Delivery.com.
  • One of the startups I’m working with is looking for a highly experienced React developer who can work with their team for 2-3 months to develop a 1) web application front end using React & Redux and 2) a mobile application in React Native & Redux.

Read the full article, click here.


@vinnikau: “React Native Meetup is coming up #ReactJS #ReactNative”


***Talks***
1. 10 Lessons Learned Building The Delivery.com App for Android
Bruno Barbieri is Lead Software Engineer in charge of Mobile development at Delivery.com. Bruno joined Delivery.com as a Sen


React Native NYC Meetup

Using JSX and React

Using #JSX and #ReactJS @tutsplus  #JavaScript #webdev #tutorial #developer #frontend

  • The gap between mocking up wireframes of semantically formed ideas and implementing them has never been closer.
  • ChatServer.prototype.connect = function (username) { var self = this; this.setUsername(username); this.socket = io(); this.socket.on(‘connect’, function () { self.socket.on(events.CONNECT, function (userId) { if (userId === self.getUsername()) { return; } self._connectTo(userId); self.emit(events.CONNECT, userId); console.log(‘User connected’, userId); });
  • JSX is similar to a mix of XML and HTML. You use JSX within React code to easily create components for your apps.
  • Heroku also creates a git repo for this app.
  • We will start the app from the ground up to give you a good feel of how to create a React application.

Read the full article, click here.


@DBaker007: “Using #JSX and #ReactJS @tutsplus #JavaScript #webdev #tutorial #developer #frontend”


What You’ll Be CreatingJSX is similar to a mix of XML and HTML. You use JSX within React code to easily create components for your apps. JSX transforms into JavaScri


Using JSX and React

How to handle state in React. — React Ecosystem — Medium

“How to handle state in React.” by @osmel_mora  #ReactJS #Developer #WebDev

  • A React component is like a state machine that represents an user interface.
  • React stores the component’s state in this.state.
  • // Don’t duplicate data form props in state // Antipattern class Component extends React.
  • Even if you are already using Flux, there are cases when you should use the component’s state.
  • Every user action potentially triggers a change in that state machine.

Read the full article, click here.


@atomicjolt: ““How to handle state in React.” by @osmel_mora #ReactJS #Developer #WebDev”


The missing FAQ.


How to handle state in React. — React Ecosystem — Medium

Learning React Native: Building Native Mobile Apps with JavaScript

Learning React Native: Building Native Mobile Apps with ... -  #buy #books #read #bookworm

  • Examine how the framework uses native components analogous to HTML elements
  • Create and style your own React Native components and applications
  • Learning React Native: Building Native Mobile Apps with JavaScript
  • Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile apps that look and feel native.
  • With code examples and step-by-step instructions, author Bonnie Eisenman shows web developers and frontend engineers how to build and style interfaces, use mobile components, and debug and deploy apps.

Read the full article, click here.


@BuyBookstore: “Learning React Native: Building Native Mobile Apps with … – #buy #books #read #bookworm”


Learning React Native: Building Native Mobile Apps with JavaScript Offer Price $35.68 ISBN


Learning React Native: Building Native Mobile Apps with JavaScript

Useful React Native NPM Scripts — Komenco Blog — Medium

  • The fresh-start script run the fresh-install and starts a clean-cached React Native packager.
  • I use these in all of my React Native projects and it really helps when things start getting weary (random failing builds, issues on library imports, and so on).
  • Feel free to use these scripts as I’m sure they can help speed up your React Native development as well.
  • Useful React Native NPM Scripts
  • Because of that, I’ve created a set of NPM scripts that have helped kickstart my React Native projects.

Read the full article, click here.


@SGoresht: “Useful #Reactjs #reactNative @NPM Scripts — #JavaScript”


Coming from a web development background, React Native can seem like a Holy Grail of sorts. The sheer ability to use Javascript (and React…


Useful React Native NPM Scripts — Komenco Blog — Medium

Javascript Tutorial: How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify – Javascript Jedi Padawan

  • We fire the ” appBundle ” function so that it first transforms the JSX and ES6 (i.e. ES2015) and later bundle everything together in ” bundle.js “. If you deploy with gulp deploy in your terminal, ALL your js files will be bundled to “bundle.js” including the libraries.
  • There’s gulp plugins out there that you can use to help you bust compiled files.
  • We also load the two javascript files: vendors.js and bundle.js.
  • You see we are using ES6 in these files.
  • Create a file called “index.html” on the root of your folder.

Read the full article, click here.


@LuisMDeveloper: “”How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify” #ReactJS”


Tutorial that teaches you how to set up gulp for developing Javascript 2015 (or ES6) react applications with browserify and babelify.


Javascript Tutorial: How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify – Javascript Jedi Padawan