Install the create-react-native-app tool:
$ npm install -g create-react-native-appConnect to our WiFi!
- Create your first app on your machine, load it on your phone. Adjust the texts, play with the stylesheets to get a feel.
$ create-react-native-app your-project
$ cd your-project
$ npm start- Create a dummy UI to display this Meetup's details, like its title and the venue.
Look at the documentation of the Text component, styling basics, and laying out components using flexbox.
-
Show a list of two dummy comments, including the author's name and the comment text. Scroll the view when the comments flow out the screen.
-
Between the Meetup details and the list of comments, allow the user to input text and display a button. Our dummy UI is now complete.
-
Make the app work!
Most of the Meetup API is publicly accessible, particularly when you're only reading. The Meetup API documentation can be found here. You can use their API console to see what you can request, like event details. If you need to authenticate to perform actions on your behalf, get your API key here and append the key GET parameter to your request URLs.
You can perform HTTP calls using the Fetch API!
Look at React component lifecycles to look for the right place to perform calls to the Meetup API. Load the event details, list the comments, and allow the user to place a comment.
- Make it pretty, allow the user to rate the event. Go wild!