2/ NBA app for iOS & Android Fw: React Native Source code: #OpenSource #ProjectLearn 馃敟馃敟馃敟

2/ NBA app for iOS & Android

Fw: React Native

Source code:  #OpenSource #ProjectLearn 馃敟馃敟馃敟

  • The design is made by Sketch, you can find the original design file in Dropbox, it may help if someone wants to design new features.
  • Check the official doc first, the following steps are based on official doc Comment in , because native environment doesn’t support for Add js bundle into your project: open Xcode, select Files -> Add Files to… -> select the main.jsbundle file that just generated In Xcode, select your device, then click the play button or

react-native-nba-app – This is why we play
Continue reading “2/ NBA app for iOS & Android

Fw: React Native

Source code: #OpenSource #ProjectLearn 馃敟馃敟馃敟”

nodejs-api-starter/src/schema at master 路 kriasoft/nodejs-api-starter 路 GitHub

How to organize a @GraphQL schema (example)  #graphql #relayjs #reactjs #nodejs

  • GraphQL Schema
    import { GraphQLSchema, GraphQLObjectType } from ‘graphql’;

    import { me } from ‘.

  • /User’;
    import { node, nodes } from ‘.
  • /Node’;
    import { stories, createStory, updateStory } from ‘.
  • /Story’;
    import { createComment, updateComment } from ‘.
  • /Comment’;

    export default new GraphQLSchema({
    query: new GraphQLObjectType({
    name: ‘Query’,
    fields: {
    me,
    node,
    nodes,
    stories,
    },
    }),
    mutation: new GraphQLObjectType({
    name: ‘Mutation’,
    fields: {
    createStory,
    updateStory,
    createComment,
    updateComment,
    },
    }),
    });
    The Top-level Fields and Mutations

    GraphQL Classes

nodejs-api-starter – Boilerplate and tooling for authoring data API backends with Node.js and GraphQL
Continue reading “nodejs-api-starter/src/schema at master 路 kriasoft/nodejs-api-starter 路 GitHub”

a command line tool for developing React Native apps #webdev #reactjs #reacnative

a command line tool for developing React Native apps


#webdev #reactjs #reacnative

  • Haul is a drop-in replacement for CLI built on open tools like Webpack.
  • It can act as a development server or bundle your React Native app for production.
  • Start by adding Haul as a dependency to your React Native project (use to create one if you don’t have a project):

    If you’re on a React Native version >= 0.43, add the following in somewhere before the statement:

    To configure your project to use haul, run the following:

    This will automatically add the configuration needed to make Haul work with your app, e.g. add to your project, which you can customise to add more functionality.

  • Next, you’re ready to start the development server:

    Finally, reload your app to update the bundle or run your app just like you normally would:

    Check out the docs to learn more about available commands and tips on customizing the webpack configuration.

  • Haul uses a completely different architecture from React Native packager, which means there are some things which don’t work quite the same.

haul – Haul is a command line tool for developing React Native apps
Continue reading “a command line tool for developing React Native apps

#webdev #reactjs #reacnative”

Use Gun.js in React Native: Small library I just published (after having used it in a small hobby project)

  • Interop layer between Gun.js and React Native’s AsyncStorage.
  • In other words, allows you to use Gun.js in React Native apps!
  • In or import this before importing anything else related to Gun:

    And that’s it, all data that is written to the Gun instance will be stored (and recovered) from AsyncStorage.

gun-asyncstorage – Use Gun.js in React Native through AsyncStorage
Continue reading “Use Gun.js in React Native: Small library I just published (after having used it in a small hobby project)”

Just published a small library to make performant masonry layout lists with ReactNative

  • Allows creating masonry style list layouts in a performant way.
  • This component leverages to render performant masonry layout lists.
  • This component supports most of the props of plus a few extras one:

    Returns the height for a specific item.

Contribute to react-native-masonry-list development by creating an account on GitHub.
Continue reading “Just published a small library to make performant masonry layout lists with ReactNative”