React.JS Top 10 Articles for the Past Month (v.July 2017)

React.JS Top 10 Articles for the Past Month (v.July 2017). @reactjs #JavaScript

  • React.JS Top 10 Articles for the Past Month (v.July 2017)For the past month, we’ve ranked nearly 1,300 React JS articles to pick the Top 10 stories that can help advance your career.
  • (0.8% chance to be picked in the list)Topics in this list: Fiber, VR, Forms, Airbnb, Higher Order Component, Virtual DOM, Animation, TensorFlow, ES2017Open source of the month is included at the end.Top 10 for JavaScript, Node, Angular are posted separately in the publicationMybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including engagement and popularity.
  • This is a competitive list and you’ll find the experience and techniques shared by the React leaders particularly useful.Under the hood: ReactJS — Entire React code base explained by visual block schemes (Stack+Fiber versions) [2,348 stars on Github].

For the past month, we’ve ranked nearly 1,300 React JS articles to pick the Top 10 stories that can help advance your career. (0.8% chance to be picked in the list)
Continue reading “React.JS Top 10 Articles for the Past Month (v.July 2017)”

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.JS Top 10 Articles for the Past Month (v.May 2017)

React.JS Top 10 Articles for the Past Month (v.May 2017).

#JavaScript @reactjs

  • React.JS Top 10 Articles for the Past Month (v.May 2017)Since April 2017, we’ve ranked nearly 1,200 React.JS articles to pick the Top 10 stories (0.83% chance to be included) that can help advance your career.Topics included in this React list are: Performance, Progressive Web App, Sketch, Serverless Stack, AWS, Webpack, Funtional Components, VR, Cross Platform, Animation.
  • Open source of the month is included at the bottom and JavaScript Top 10 is published separately in the publication.Mybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including engagement and popularity.
  • This is a competitive list and you’ll find the experience and techniques shared by the experienced React developers particularly useful.Twitter Lite and High Performance React Progressive Web Apps at Scale.

Since April 2017, we’ve ranked nearly 1,200 React.JS articles to pick the Top 10 stories (0.83% chance to be included) that can help advance your career.
Continue reading “React.JS Top 10 Articles for the Past Month (v.May 2017)”

Organizing Tests in Jest – Jeff Lombard – Medium

Organizing Tests in Jest  #jest #javascript #react #softwaretesting #reactjs

  • This includes organization.I’ve seen two popular ways suggested for organizing tests in Jest:Putting all of your test code into a neatly organized /tests directory.Putting your test code next to the files they are testing.Both of these suggestions are valid, but to have the elegance of a master craftsman, we should consider the level of the test that is being written.Testing LevelsThere are many testing levels, but for simplicity we’re just going to talk about two here.
  • “Unit testing refers to tests that verify the functionality of a specific section of code, usually at the function level.
  • |- /main| |- index.js| |- index.test.jsIntegration tests run against many lines of code in many files.
  • So include the type of test right in the name of the and api.int.test.jsConclusionAn ideal set up would look something like this:|- /main| |- index.js| |- index.unit.test.js|- /supporting| |- fetch.js|- /tests| |- /int| | |- api.int.test.jsThat way you can easily find your tests.
  • For unit testing run jest unit and for integration testing run jest int.As with anything, there is no single way of doing this.

If you haven’t already tried out Jest, you should. Even if you’re not using React. It’s dead simple and loaded with some cool features like snapshot testing. Jest does a great job of keeping reports…
Continue reading “Organizing Tests in Jest – Jeff Lombard – Medium”

22 Amazing open source React projects – Mybridge for Professionals

22 Amazing open source React projects

by @Mybridge 



#ReactJS #webdev #developer

  • 22 Amazing open source React projectsThis is a collection of open source apps built with React.JS library.
  • In this observation, we compared nearly 800 popular React projects to pick the top 22.
  • (React Native: 11, React: 11)React is an open source JavaScript library built by Facebook, providing a view for data rendered as HTML.To evaluate the quality, Mybridge AI considers a variety of factors to determine how useful the projects are for programmers.
  • Open source projects can be useful both for beginners to learn from reading the code and for advanced programmers to save time by using the existing code.
  • The aim of this collection is to help you pick a great project right away without having to spend hours of searching.Note that React UI components, boilerplates, tools and frameworks are separated out to make this curation more specific to full-working apps built with React.Updated: 27 February 2017

This is a collection of open source apps built with React.JS library. In this observation, we compared nearly 800 popular React projects to pick the top 22. (React Native: 11, React: 11) To evaluate…
Continue reading “22 Amazing open source React projects – Mybridge for Professionals”

Image upload to Firebase Storage with React Native – JSapp.me

Image upload to Firebase Storage with React Native  #javascript #react #reactnative #firebase

  • It allows us to build a Blob from the local photo so we can easily upload it to Firebase Storage .
  • Image upload to Firebase Storage with React Native
  • React Native Coder, Growth Hacker, CEO and Founder of JSapp.me
  • Because React Native lack of Blob implementation, we are using the well maintained React Native Fetch Blob package.
  • Continuing building our React Native Social Poster App , we want our users to take a photo and upload it to Firebase Storage.

Continuing building our React Native Social Poster App, we want our users to take a photo and upload it to Firebase Storage. React Native Image Picker is perfect to use the native interface of the…
Continue reading “Image upload to Firebase Storage with React Native – JSapp.me”

22 Amazing open source React projects — Mybridge for Professionals

22 amazing open source #ReactJS projects:

  • Note that React UI components, boilerplates, tools and frameworks are separated out to make this curation specific to full-working apps built with React.
  • Hacker News iOS and Android App: Made with React Native .
  • A Zhihu Daily App client implemented using React Native (Android and iOS) .
  • Calculator built with React (Website), Electorn (Desktop), and React Native (iOS & Android).
  • Perseus: Khan Academy’s new exercise question editor and renderer built with React [591 Stars]

Read the full article, click here.


@ReactiveConf: “22 amazing open source #ReactJS projects:”


This is a collection of open source apps built with React.JS library. In this observation, we compared nearly 800 projects to pick the top…


22 Amazing open source React projects — Mybridge for Professionals