Soon in react-native-paper #reactjs #reactnative Thanks a lot @satya164 馃 !

Soon in react-native-paper    #reactjs #reactnative
Thanks a lot @satya164 馃 !

  • Run the example app with Expo to see it in action.
  • The source code for the examples are under the /example folder.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “Soon in react-native-paper #reactjs #reactnative
Thanks a lot @satya164 馃 !”

Putting the “Native” in React Native

Putting the

  • Thankfully, getting the system volume is not difficult in iOS or Android, so it makes a perfect example of a simple native module.
  • This post will walk through making a native module for iOS, for Android, and the JavaScript code we can use in our app to call our new modules.
  • In our React Native module, we have a bit of a special case: we need only define the module in our header file as each method we want to expose is done so via the macro in the implementation file only.
  • Just as we did with the iOS module, we can add a method to our module that will get the system鈥檚 volume (see this commit in our example code).
  • We鈥檒l need to use the to get the system volume, so add a couple imports to :

    And add an instance variable set in the constructor:

    Adding the actual method looks similar to the iOS version:

    One final improvement we can do is refactor our use of into its own JavaScript module, (see this commit in our example code):

    Then, we can get the volume using:

    A benefit of this refactoring is that if we want to perform different native code depending on the platform, we can isolate those code branches to their own (testable!)

A guide to writing native modules in a React Native application.
Continue reading “Putting the “Native” in React Native”

Just for Node.js & React.js Developers: A New Neo4j Movies Template

Just for #Nodejs & #Reactjs Developers: A New #Neo4j Movies Template

via @thesilverlogic

  • The Front-end: The front-end, in this case is built in React.js, consumes the data presented by the Express.js API and presents some views to the user, including the home page, a Movie detail page and a Person detail page.
  • If you run into problems, make sure your database is actually running and that you’ve entered your database credentials in the api/config.js file.
  • In the app, calls to the database are handled by /api/neo4j/dbUtils.js , described piece by piece below.
  • An array of genres appears at /genres .
  • npm install bower install gulp Over on http://localhost:4000/ , you should see the homepage of the movie app, displaying three featured movies and some members of the Action genre.

Discover this new movies template app designed just for JavaScript developers using Node.js, React.js or Express.js alongside the Neo4j graph database.
Continue reading “Just for Node.js & React.js Developers: A New Neo4j Movies Template”

Release v0.11.0 路 airbnb/react-native-maps 路 GitHub

  • [android] Fixes crash during Activity onPause() #694 ( @felipecsl )
  • Update example app for RN 0.35, fix Gmaps bug for 0.35 #695 ( @spikebrehm )
  • [android] Add parameter to disable the moving on marker press #676 ( @mlanter )
  • Add support for setting zIndex on markers #675 ( @mlanter )
  • We recommend upgrading to the latest Internet Explorer , Google Chrome , or Firefox .

react-native-maps – React Native Mapview component for iOS + Android
Continue reading “Release v0.11.0 路 airbnb/react-native-maps 路 GitHub”


  • We’re always trying to stay compatible with the latest version of React.
  • To extend the examples with a new example, you can simply duplicate one of the existing examples and change the unique properties of your example.
  • The example below shows how to include the css from this package if your build system supports requiring css files (webpack is one that does).
  • The master branch contains the latest version of the Datepicker component.
  • By default, the date picker will use the locale globally set in moment, which is English.

Read the full article, click here.

@npmdaily: “reactjs-datepicker – A simple and reusable datepicker component for React #npm #javascript #nodejs”

A simple and reusable datepicker component for React


Support React-Native storybooks by orta 路 Pull Request #215 路 artsy/emission 路 GitHub

  • orta added a commit that referenced this pull request Jul 19, 2016
  • orta commented on the diff Jul 19, 2016
  • orta wants to merge 4 commits into master from refactor_routes
  • I’ve added some examples that wrap the Artist component, it needs to be wrapped in a relay RootContainer but it seems to work nicely.
  • ” sync-schema ” : ” cd externals/metaphysics && git fetch && git checkout origin/master && npm install && npm run dump-schema — ../..

Read the full article, click here.

@orta: “Started playing around with React-Native Storybooks,

it鈥檚 tough not calling is storyboards”

emission – React Native Components

Support React-Native storybooks by orta 路 Pull Request #215 路 artsy/emission 路 GitHub

Content-Ready Apps

New App: React + MobX Example App  #reactjs #mobx #cosmicjs #javascript

  • Preview GitHub Repo Install free after log in
  • A basic real time chat app using React, and the Cosmic JS API.
  • The example app demonstrates how you can use React, MobX and the Cosmic JS API to create and remove posts from your bucket.
  • The beautiful PHP single page website is adapted from a theme at and uses the easy to install Cosmic JS PHP Client .
  • The React Universal Blog is both a single-page app and a server-rendered website which is fast and can be indexed by search engines.

Read the full article, click here.

@cosmic_js: “New App: React + MobX Example App #reactjs #mobx #cosmicjs #javascript”

Cosmic JS is a cloud-hosted content platform that offers a flexible and intuitive CMS API. Build websites and applications with more freedom and manage content easier. Get started for Free.

Content-Ready Apps