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”

Build software better, together

Any comments for this moment? 馃 @vuejs @angular @reactjs

  • Repository search looks through the projects you have access to on GitHub.
  • You can also filter the results: Get all repositories from the user defunkt.
  • Code search looks through the files hosted on GitHub.
  • You can also filter the results: Find all instances of install in code from the repository charles/privaterepo.
  • User search finds users with an account on GitHub.


The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Continue reading “Build software better, together”

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”

Release v0.45.0-rc.0 路 facebook/react-native 路 GitHub

  • This release has been delayed because of issues with script that syncs commits between Facebook internal copy of React Native and this one, on Github.
  • We were waiting for few important commits to land before cutting a new release.
  • They will be highlighted in the release notes.

react-native – A framework for building native apps with React.
Continue reading “Release v0.45.0-rc.0 路 facebook/react-native 路 GitHub”

GitHub

A React Native 'Ratings' Component with Gesture Support:

  • An extendable Rating’s components for React Native with gestures and an intuitive API

    Install the package using yarn or npm:

    You can try it out with Exponent here.

  • One of my friends showed me this Star Rating feature in Bootstrap and it looks really interesting.
  • So I challenged myself to re-implement it in React Native.

react-native-ratings – React Native Ratings component with super customizations and much gestures.
Continue reading “GitHub”