https://github.com/juliolmuller/studying-react-native
Basic mobile application to refresh React and React Native knowledge and skills.
https://github.com/juliolmuller/studying-react-native
crud javascript mobile react react-native
Last synced: 12 months ago
JSON representation
Basic mobile application to refresh React and React Native knowledge and skills.
- Host: GitHub
- URL: https://github.com/juliolmuller/studying-react-native
- Owner: juliolmuller
- License: mit
- Created: 2021-01-23T02:55:25.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-04-12T03:01:21.000Z (about 3 years ago)
- Last Synced: 2025-04-12T07:38:44.428Z (about 1 year ago)
- Topics: crud, javascript, mobile, react, react-native
- Language: JavaScript
- Homepage:
- Size: 792 KB
- Stars: 3
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
:books: Simple CRUD with React Native
Lessons Learned |
Technologies |
Environment Setup |
Features
Application developed as an assignment to college, subject Development for Mobile Devices, at UFPR, in order to learn building **React Native** applications. The project seeks to apply knowledge in functional components, screens navigation, Context API and reducers; This application is fully offline (no external data fetching).
The intent was to create a simple notes application with CRUD operations (create, read, update & delete) to explore the React API in mobile devices environment. We should have a screen to display a list of existing notes, feature to delete notes and features to see/edit new or existing notes in another screen. The state should be managed by **React Context API** and changes dispatched to a reducer.
## :trophy: Lessons Learned
- Build a swipeable component;
- React Native Navigation (stack mode);
- React Context API (including `useContext` hook);
- `useReducer` hooks to dispatch actions;
- Babel plugin `jsx-control-statements`!!! AWESOME 😍
## :rocket: Technologies & Resources
**Frontend:**
- React Native
- Expo Framework
**Development:**
- Visual Studio Code
- NPM routines
## :hammer: Setting up the Environment
Make sure to have **Node.js 10+** installed in your machine and its **npm** available in the command line, then use the following routines:
```bash
$ npm install # download all dependencies
$ npm start # run development server
```
## :zap: Features
- [x] List all existing notes;
- [x] Delete a note by swiping left/right;
- [x] Create new note with title and body; and
- [x] Editing existing note.