Carry #GitHub in your pocket with #GitPoint: #ReactJS #ReactNative

Carry #GitHub in your pocket with #GitPoint:  #ReactJS #ReactNative

  • Built with React Native, GitPoint is the most feature-rich unofficial GitHub client that is 100% free.
  • A few of the things you can do with GitPoint:

    Feel free to send me feedback on twitter or file an issue.

  • Also, if there’s anything you’d like to chat about, please feel free to join our gitter chat!
  • Please take a look at the contributing guidelines for a detailed process on how to build your application as well as troubleshooting information.
  • Feel free to use them or use a new set of keys by creating an OAuth application of your own

git-point – GitHub in your pocket :iphone:
Continue reading “Carry #GitHub in your pocket with #GitPoint: #ReactJS #ReactNative”

React-based UI frameworks: Grommet – Prototyping: From UX to Front End

Grommet  #react #webdevelopment #javascript #uidesign #webdesign #reactjs

  • GrommetGrommet is a React-based web UI framework and design system in the tradition of older frameworks like Bootstrap, or newer ones like the web incarnation of Material Design.
  • It’s part of a new breed of React-based UI frameworks, the virtues of which I extoll in this post.
  • It’s a broad web design system, with guidelines for everything from layout to language.
  • It’s developed by a team at HP, so its design perspective is based on their internal needs.TL;DRGrommet’s a comprehensive and opinionated framework.
  • If its UX and aesthetic choices match your needs, it’s a great ready-to-use system with everything accounted for.

Grommet is more than just a set of UI components. It’s a broad web design system, with guidelines for everything from layout to language.
Continue reading “React-based UI frameworks: Grommet – Prototyping: From UX to Front End”

React.js best practices and conventions

An opinionated guide to #ReactJS best practices and conventions:  #JavaScript

  • The following guidelines mostly focus on component structure and JSX.
  • However, by following a few general guidelines for handling JSX in components, it’s far more readable and not such an eyesore.
  • No matter how few elements are being returned, I choose to write any JSX which contains nested elements across multiple lines with indentation to enhance readability, i.e:

    Furthermore, while the parenthesis are not technically required with a single line JSX statement, I still use them for the sake of consistency (and because unrestrained elements floating about in my JS makes my left eye twitch uncontrollably).

  • These guidelines are by no means authoritative or exhaustive, but I feel they are a good starting point for organising and standardising React components and some of the more common use cases I encounter.
  • Hopefully these guidelines provide a useful starting point for organising your React components.

An opinionated set of React.js best practices to make components more readable, more robust and easily maintainable.
Continue reading “React.js best practices and conventions”

Who’s using React Native?

Who's using #ReactJS Native?

  • If you’re curious to see what can be accomplished with React Native, check out these apps!
  • Thousands of apps are using React Native, from established Fortune 500 companies to hot new startups.
  • A curated list of open source React Native apps is being kept by React Native News.
  • If you built a popular application using React Native, we’d love to have your app on this showcase.
  • CBS Sports Franchise Football

Thousands of apps are using React Native, from established Fortune 500 companies to hot new startups. If you’re curious to see what can be accomplished with React Native, check out these apps!
Continue reading “Who’s using React Native?”