react-native-tinder-navigator

Released! At  #reactnative #ios #androiddev

  • Each screen has its own representative icon that is shown on the application’s header – the icon of the screen shown in the viewport is always centered, and depending on which screen you’re in, the icons of the remaining screens are shown on the left/right edges of the header.
  • Clicking on any of the left/right icons will cause a screen transition, also allowing for the icons themselves to animate while the transition is in progress.
  • The library takes care of the screen and header transitions, and leaves it up to the user to define animations that occur on the icons during the transitions.
  • At the moment in which this was developed, react-navigation did not provide screen transitions from left to right, and the header transitions were difficult to customise.
  • We have thereafter integrated this project into others that are using react-navigation with excellen results, given that this navigator behaves as any other screen in the app.

A tinder style navigator that allows you to navigate between three adjacent screens with smooth header transitions.
Continue reading “react-native-tinder-navigator”

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 πŸ”₯πŸ”₯πŸ”₯”

YoYo β€” a dead lightweight comment engine alternative to Disqus #ReactJS #MongoDB #KoaJS

YoYo β€” a dead lightweight comment engine alternative to Disqus



#ReactJS #MongoDB #KoaJS

  • Place the following code where you’d like YoYo to load:

    YoYo server is using MongoDB as database server, so you need to start your MongoDB server install first.

  • then YoYo is running on https://localhost:8080

A dead simple, dead lightweight comment engine alternative to Disqus, built on top of React, Koa and MongoDB.
Continue reading “YoYo β€” a dead lightweight comment engine alternative to Disqus

#ReactJS #MongoDB #KoaJS”