Giter Club home page Giter Club logo

project-react-native-app's Introduction

Project React Native App ๐Ÿ“ฑ

This weeks project was working with React Native, i wanted to focus mostly on learning as much as possible about how some areas worked, rather than creating a conceptually interesting app. I "translated" the functionality of last weeks movies project to React Native. The areas i focused on were:

  • implementing React Navigation to be able to move and pass props between several screens
  • working with styled components
  • importing custom fonts with expo-fonts
  • implementing API-fetch, useState and useEffect

My experience is that it is a bit of a threshold getting started with React Native, it is like everything works a little bit different than it does in React, and the error messages and feedback from the system is a bit more fuzzy. There has been a lot of head-scratching and i have gotten stuck on a lot of things but ive been able to solve most of the issues. And slowly I've started becoming really fond of working with React Native, so i hope to be able to continue digging here.

I tried putting the entire repo as a "snack" on expo, but it seems like snack doesn't work with styled components? At least that is the error messages I'm getting. https://snack.expo.io/@lars-soderman/c42867

I have also expo-published the app: https://expo.io/@lars-soderman/project-native-app-movies

If i had more time i would have

  • Made the app look nicer and added more features
  • Implemented something that interacts with the sensors on the phone
  • Worked more with state and props to understand that better, perhaps by making an expanding menu or nav bar
  • Implement inputs and interactivity

Anyway, super fun week and I learned lots!

project-react-native-app's People

Contributors

jenniedalgren avatar lars-soderman avatar emolsz avatar puj avatar dependabot[bot] 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.