Git Product home page Git Product logo

introredux's Introduction

IntroRedux

introduction about Redux thought out simple app counter

EXE

SmartSOS

js-standard-style

  • Standard compliant React Native App Utilizing Ignite

⬆️ How to Setup

Step 1: git clone this repo:

Step 2: cd to the cloned repo:

Step 3: Install the Application with npm install

▶️ How to Run App

  1. cd to the repo
  2. Run Build for either OS
  • for iOS
    • run react-native run-ios
  • for Android
    • Run Genymotion
    • run react-native run-android

🚫 Standard Compliant

js-standard-style This project adheres to Standard. Our CI enforces this, so we suggest you enable linting to keep your project compliant during development.

::Module use

  1. fuzzy: Smart search in array
  2. moment: Date/time module
  3. ramda: Use for rehydrate and dehydrate immutable object for redux-persist
  4. react-native-animatable: Predefine animation
  5. react-native-camera: Call native camera module
  6. react-native-circular-progress: Create circular animation for SOS button
  7. react-native-communications: Phone call ios
  8. react-native-dialogs: Material dialog for android
  9. react-native-drawer: Support drawer for ios
  10. react-native-i18n": Language support
  11. react-native-image-picker: Picker image use native module
  12. react-native-lightbox: Display fullscreen image
  13. react-native-maps: Support android map
  14. react-native-material-kit: Support material design text input and fab
  15. react-native-message-bar: notification message
  16. react-native-push-notification: Support push notification for android
  17. react-native-scrollable-tab-view: Viewpager pattern for ios
  18. react-native-search-bar: Nice search bar
  19. react-native-send-intent: Phone call for android
  20. react-native-swiper: Swiper for app intro
  21. react-native-vector-icon: Support for icon
  22. react-redux: Redux
  23. react-timer-mixin: Clear timer after destroy component, take care memory leak. Recommend by facebook
  24. redux-logger: Print pretty debug log
  25. redux-persist: Auto persist reducer data use AsyncStorage
  26. redux-saga: Take care aysnc action, easier to test compare to redux-thunk
  27. seamless-immutable: Immutable object, improve performant when use with react

Understanding Linting Errors

The linting rules are from JS Standard and React-Standard. Regular JS errors can be found with descriptions here, while React errors and descriptions can be found here.

📂 Related Articles

For custom Icon fonts, we can use following command to generate the Custom using https://github.com/oblador/react-native-vector-icons (make sure putting the icomoon .css & .tff font file into the App/Images/customFont folder)

./node_modules/.bin/generate-icon ./App/Images/customFont/style.css --componentName=icomoon --fontFamily=icomoon > ./node_modules/react-native-vector-icons/icomoon.js && cp ./App/Images/customFont/icomoon.ttf ./node_modules/react-native-vector-icons/Fonts/icomoon.ttf

or

npm run createIconFont

!Trouble Shooting: Red screen with "Unrecognized font family" error on iOS

Make sure you've added the fonts to your XCode project. Check that the font you are trying to use appears in Info.plist, if you've added the whole folder and it's blue in color, then you need to add it to the path. Check that the font is copied in the Copy Bundle Resources in Build Phases. Recompile the project.

introredux's People

Contributors

tuanduongdn1504 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.