Surge VS GitHub Pages: How to deploy a create-react-app project

Surge VS GitHub Pages: How to deploy a create-react-app project  #ReactJS

  • Minimal configuration to deploy a project
  • npm run deploy will first build your project via npm run build .
  • After entering the project path, Surge will suggest a random domain to use.
  • Then use npm run build to prepare your project for deployment.
  • Surge VS GitHub Pages: How to deploy a create-react-app project

As a developer, there are several ways you can show off your skills to peers and prospective employers. Open source contributions are great. Blogging is great. But at some point you’ll want to get…
Continue reading “Surge VS GitHub Pages: How to deploy a create-react-app project”

dimaip/rewrite-sponsorship.md Last active Nov 28, 2016

  • But right now I can not afford to work on my spare time as much as the project currently requires it.
  • I have been a part of this project since its early prototype days, and was able to spend quite some time working on it, including joining 3 code sprints fully focusing on it.
  • The time I have to offer is not much, about 20-30 hours per month, but it could allow me to concentrate on the boring parts of the rewrite such as polishing the visual looks of the components as well as those details that are a bit hard to provide in spare time.
  • So I’m looking for sponsors that would allow me to relocate some of my freelancing time towards finishing the UI rewrite .
  • The project will have immediate benefits like improved performance, correctly working media-queries and higher robustness of the UI due to the use of iframe for site content.

Neos CMS team is currently in the middle of UI rewrite on top of React. This project will have immediate benefits like improved performance, correctly working media-queries and higher robustness of the UI due to the use of iframe for site content. But main aim for it is to support ambitious plans of our project (such as structured editing of content) that would require a modern foundation.
Continue reading “dimaip/rewrite-sponsorship.md Last active Nov 28, 2016”

Performance optimisations for React applications – Alex Reardon – Medium

Performance optimizations for #ReactJS apps:

  • It is the responsibility of this function to return true if the component should update and false if the component should not update.
  • Using tools will help you find performance hotspots specific to your application.
  • Anything else you can think of that avoids creating a new function every time render is called!
  • Every component in React has a shouldComponentUpdate(nextProps, nextState) function.
  • Generally applications want to promote loose coupling (components know as little about other components as possible).

The main performance hotspot in React applications is redundant processing and DOM diffing in components. In order to avoid this return false from shouldComponentUpdate as high up in your application…
Continue reading “Performance optimisations for React applications – Alex Reardon – Medium”

Breaking Changes · facebook/react-native Wiki · GitHub

  • ### New breaking change – **Who does this affect**: – **How to migrate (shown by `react-native upgrade`)**: – **Why make this breaking change**: – **Severity (people affected x amount of work for them)**:
  • Why make the breaking change : Fixes a bug.
  • Why make the breaking change: Resizing is the correct behavior on Android.
  • Not sure if breaking change, we only know of product code this fixed, not broke.
  • Why make the breaking change: Fixes wrong behavior – makes this behave the same as on the web.

react-native – A framework for building native apps with React.
Continue reading “Breaking Changes · facebook/react-native Wiki · GitHub”

Introducing React Component Hierarchy – BPXL Craft – Medium

  • The particular example uses the -c flag to hide container components and highlight children of containers with an asterisk (*).
  • If your container components merely render their children with JSX, that works too.
  • rch uses Babylon to parse your components, which is the same parser that is used in Babel .
  • Is an sample of the output when using rch against the root App component from the open-source SoundCloud client sound-redux .
  • Components may be defined in any way (ES6 React.

React is a great tool for building UIs. Building a React application involves breaking up your app into pieces called “components.” While…
Continue reading “Introducing React Component Hierarchy – BPXL Craft – Medium”

Bugsnag Blog

Crash reporting for React Native   #reactNative

  • React Native apps targeting iOS will also see automatically captured user actions leading up to a crash to help you accurately reproduce errors.
  • Bugsnag for React Native alerts you when crashes happen, and collects diagnostic information for each crash to help you reproduce and fix bugs impacting your users.
  • We map every crash to the user who saw it, so you can see how many users are affected by a particular crash, and surface a list of the users impacted for each error.
  • Fragmentation across mobile devices can make it more complicated to reproduce and fix crashes, and so collecting debug information is essential.
  • You can now automatically detect crashes in your React Native applications using Bugsnag – the first platform with official support for React Native crash reporting.

You can now automatically detect crashes in your React Native applications using Bugsnag — the first platform with official support for React Native crash re…
Continue reading “Bugsnag Blog”

Reactjs at Instacart!

  • Software Engineer working at Yahoo!
  • I work for Etsy as a software engineer, and I’m a fan of react.js.
  • Software/web engineer of 20 years, increasingly finding myself with Javascript code in front of me.
  • 7pm – 7:30: @dominic_cocch – Using React-Redux to Animate Programmatically
  • Currently working in a front-end architect role on a complex React/Redux project. …

Instacart is opening its doors to teach us about how they're using React.
Instacart requires everyone who is registered to do so with their first and last names. I'll ping you once to ask yo
Continue reading “Reactjs at Instacart!”