#1- Create app DailyApp with React Native
0Create DailyNewsApp
1- create project name: news
npx create-expo news
2- install navigation
read document: https://reactnavigation.org/docs/getting-started/
npm install @react-navigation/native
npx expo install react-native-screens react-native-safe-area-context
npm install react-native-screens react-native-safe-area-context
3- install CSS for React Native
read document : https://www.nativewind.dev/quick-starts/expo
npm install nativewind
npm install --save-dev tailwindcss@3.3.2
4- install webviws
npm i react-native-webview
5- install scroll scolling egde card snap stack...
link : https://www.npmjs.com/package/react-native-snap-carousel
npm i react-native-snap-carousel
6- install react-native-responsive-screen
link : https://www.npmjs.com/package/react-native-responsive-screen?activeTab=readme
npm i react-native-responsive-screen
7- isntall icon :
link : https://www.npmjs.com/package/react-native-heroicons
npm i react-native-heroicons
8- install lodash :
link : https://lodash.com/
Why Lodash?
Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc.
Lodash’s modular methods are great for:
Iterating arrays, objects, & strings
Manipulating & testing values
Creating composite functions
install: npm i lodash
9- install expo-splash-screen
link : https://www.npmjs.com/package/expo-splash-screen
install: npm i expo-splash-screen
10- install expo-linear-gradient
link: https://www.npmjs.com/package/expo-linear-gradient
install: npm i expo-linear-gradient
11- install font
link : https://www.npmjs.com/package/expo-font
install: npm i expo-font
12- install axios
link : https://www.npmjs.com/package/axios
install: npm i axios
13- install @tanstack/react-query
link : https://www.npmjs.com/package/@tanstack/react-query
install: npm i @tanstack/react-query
14- install async storage
link: https://www.npmjs.com/package/@react-native-async-storage/async-storage
install: npm i @react-native-async-storage/async-storage
15- create news api key from
link : https://newsapi.org/account
if you not yet login account plase go to create new account from bellow link : https://newsapi.org/register
16- finall you need to fix npm
install command : npx expo install --fix
17 - start project
npx expo start
Other Videos By RAK in Computing
| 2024-05-22 | Public React Js Project to git Hub 2024 |
| 2024-05-18 | Web Taks app with MongoDb 2024 |
| 2024-05-15 | Chat GPT-4o VS Google AI |
| 2024-05-15 | Path 1 - Login and Signup |
| 2024-05-14 | CSS Style layout |
| 2024-05-14 | JSON VS XML |
| 2024-05-13 | Join with my free time |
| 2024-05-13 | Function in JavaScript |
| 2024-05-12 | Java vs Python |
| 2024-05-04 | #2-Add and Setup Tailwind CSS to Project |
| 2024-05-04 | #1- Create app DailyApp with React Native |
| 2024-05-01 | Lesson #01 - Python Web with Django |
| 2024-02-23 | Lesson 4: Implementing forms and validation |
| 2024-02-22 | Chapter 4: Handling User Input |
| 2024-02-20 | Lesson 4: Styling components using StyleSheet |
| 2024-02-20 | Lesson 3: ios /android app Using Props in React Native |
| 2024-02-19 | Lesson 1- Create Project with React Native ios App |
| 2024-02-18 | Lesson 1: Setting Up Your Development Environment |
| 2024-02-12 | Mysql how to extracted date column to row |
| 2024-02-12 | Episode-001 How to create Reactjs 2024 |
| 2024-02-12 | Reactjs and Nodejs Run npm |