Introducing React Native Android Fragment – In The Hudl – Medium

  • So today we are announcing our first open source project for React Native at Hudl.React Native Android Fragment: Native Android Fragment does exactly what its name implies.
  • It helps to facilitate the development of a React Native application, for a pre-existing Android application that relies on the framework’s Fragment class.
  • It can be downloaded via jitpack and its versioning will attempt to always follow that of React Native’s major.minor versions.Our Android app originated around 2013 when Fragments were the Android standard and we’ve stuck with them ever since.
  • For anyone else that has tried to use React Native, you may also realize that support for Fragments is non-existent.
  • We hope this library, although small, may help others to get started quickly into the React Native ecosystem.

React Native Android Fragment does exactly what it’s name implies. It helps to facilitate the development of a React Native application, for a pre-existing Android application that relies on the frame
Continue reading “Introducing React Native Android Fragment – In The Hudl – Medium”

React to async/await – Alexander Lee – Medium

React to async/await #reactjs #es7

  • For the examples below, I will show I would normally approach each problem using Promises followed by the async await method.ActionsIn this example, this is how I would typically approach creating a new user via promises.Promise approachexport default function createUser(params) { const request = axios.post(‘http://www…, params); return (dispatch) = request function onSuccess(success) { dispatch({ type: CREATE_USER, payload: success }); return success; } function onError(error) { dispatch({ type: ERROR_GENERATED, error }); return error; } .
  • async/await approachexport default function createUser(params) { return async dispatch = { function onSuccess(success) { dispatch({ type: CREATE_USER, payload: success }); return success; } function onError(error) { dispatch({ type: ERROR_GENERATED, error }); return error; } try { const success = await axios.post(‘http://www…, params); return onSuccess(success); } catch (error) { return onError(error); } }}I added the async prior to the dispatch andawait in front of axios.post .
  • Promise approachimport React, { Component } from ‘react’;export default class userForm extends Component { constructor(props) { super(props); this.onSubmit = this.onSubmit.bind(this); } onSubmit(e) { e.preventDefault(); let formInput = this.refs.createUser; .
  • etc }, (error) = { // Do something with the error }); } render() { return ( form onSubmit={this.onSubmit} input placeholder=”current user” ref=”createUser” / buttonSubmit/button /form ); }}After a form is submitted via click and this.props.createUser,we are returned a promise.
  • Lets see how we can do it using the async/await method.async/await approachimport React, { Component } from ‘react’;export default class userForm extends Component { constructor(props) { super(props); this.onSubmit = this.onSubmit.bind(this); } async onSubmit(e) { e.preventDefault(); let formInput = this.refs.createUser; try { const response = await // do something with response } catch(error) { // do something with error } } render() { return ( form onSubmit={this.onSubmit} input placeholder=”current user” ref=”createUser” / buttonSubmit/button /form ); }}Like our action functions, the async/await approach in our components allows our asynchronous code to look synchronous.

I got curious this past weekend about javascript’s ES7 async/await. After reading a couple of blog posts I got the basic idea of how it works and why it’s gotten so much chatter. Long story short, it…
Continue reading “React to async/await – Alexander Lee – Medium”

rxjs-diagrams

  • The input values are converted to an observables and then transformed to an output using the transform prop.
  • Having multiple input streams is as simple as passing multiple value arrays and accepting them in your transform function.
  • The common three values that describe your input are: emissions, end, and completion.
  • (Example: )

    Completion is the time value when your observable completes.

  • More information on Schedulers here : Here you can pass an array of emissions (described above) or an array of an array of emissions, in case you want multiple input observables.

React components for visualising RxJS observables and operators
Continue reading “rxjs-diagrams”

Facebook’s React JavaScript library faces a new challenger

#Facebook's #ReactJS #Library Faces A New Challenger  via @infoworld #javascript #devops

  • A new rival has emerged to take on Facebook’s React JavaScript library for building UIs: Inferno, designed to be a lightweight and “blazing fast React-like JavaScript library” for building modern interfaces.
  • “Inferno is considerably faster than React,” says the project’s web page.
  • The goal with Inferno is to provide all the benefits of React, plus other features for people already familiar with the React ecosystem, including lifecycle events on functional components, server-side render streams, better real-world performance, lower memory consumption, and faster parse/load times, according to the project’s GitHub repo.
  • “Furthermore, Inferno allows people to switch their existing React projects to Inferno in a few lines of code using inferno-compat.”
  • In developing Inferno, builders were seeking a UI library that could improve experience, battery, memory usage, and performance on mobile devices.

The small, lightweight Inferno library offers a major speed boost as well as server-side render streams, better real-world performance, and lower memory consumption
Continue reading “Facebook’s React JavaScript library faces a new challenger”

Survey

You know you want to answer this one question:



#JavaScript #NodeJS #angular2 #reactjs

  • We are a team of software engineers whose goal is to enhance your business through software.
  • Our products are designed for any size companies willing to optimize their performance.
  • Try the open source website builder .
  • Space and Sun Software, LLC
  • Logo of Space and Sun Software, LLC

We are a team of software engineers whose goal is to enhance your business through software. If you have a problem, we have a solution.
Continue reading “Survey”

Code2040

  • Code2040 creates access, awareness, and opportunities for top Black and Latinx engineering talent to ensure their leadership in the innovation economy.
  • We are based in San Francisco and work with students, professionals, and companies around the country.
  • Project:TF, doing business as CODE2040, is an exempt organization as described in Section 501(c)(3) of the Internal Revenue Code.
  • Our goal is to ensure that by the year 2040 – when the US will be majority Black and Latinx – we are proportionally represented in America’s innovation economy as technologists, investors, thought leaders, and entrepreneurs.
  • Code2040 is a nonprofit organization that creates pathways to educational, professional, and entrepreneurial success in technology for underrepresented minorities with a specific focus on Blacks and Latino/as.

CODE2040 creates access, awareness, and opportunities for top Black and
Latino/a engineering talent to ensure their leadership in tech.
Continue reading “Code2040”