Membuat aplikasi mobile Bluetooth Scanner dengan React Native

https://itnext.io/how-to-build-a-bluetooth-low-energy-scanner-using-react-native-4e30bf877d7

#bluetooth #reactnative #scanner

Latihan membuat aplikasi web MERN Stack dengan tambahan Apollo GraphQL Server

https://www.freecodecamp.org/news/apollo-graphql-how-to-build-a-full-stack-app-with-react-and-node-js/

----

Latihan menggunakan Environment Variables .env pada aplikasi web Gatsby JS dan deploy ke Netlify
https://www.freecodecamp.org/news/what-are-environment-variables-and-how-can-i-use-them-with-gatsby-and-netlify/


-----

Latihan membuat aplikasi seperti Google Fit dengan React Native
https://levelup.gitconnected.com/lets-build-a-google-fit-component-81139bb06e36

-----


#react #mern #nodejs #reactnative #googlefit #env #gatsby #netlify

Membuat fungsi upload file ke layanan Firebase Cloud Storage dengan bantuan Express Node JS dan React JS

https://medium.com/better-programming/how-to-upload-files-to-firebase-cloud-storage-with-react-and-node-js-e87d80aeded1

---

Membuat aplikasi Pokemon dengan React Native

https://levelup.gitconnected.com/build-a-simple-react-native-pokemon-app-with-react-navigation-1bbf1e845d92

---

Cara menggunakan React Component berulang kali antara aplikasi web berbasis Gatsby dengan aplikasi web berbasis React JS biasa.

https://blog.bitsrc.io/sharing-react-components-between-your-spa-and-your-static-pages-9a665a2763d3

---

Beberapa cara membuat form input di React JS
https://blog.logrocket.com/forms-in-react-in-2020/

----

Cara menggunakan Workbox pada aplikasi web berbasis Next JS
https://medium.com/better-programming/using-workbox-with-next-js-a-step-towards-progressive-web-apps-a3f985f5f864



#react #form #firebase #mern #nodejs #reactnative #gatsby #next #component #workbox

Latihan panjang membuat aplikasi mobile dengan React Native Expo , dan backend Node JS Express JS

https://www.smashingmagazine.com/2020/05/mobile-app-expo-react-native-firebase-ios-android/

#reactnative #firebase #android #ios #nodejs #expo

Latihan berseri dari Coding The Smartway untuk pengembangan aplikasi web modern dengan React dan Strapi CMS

https://medium.com/codingthesmartway-com-blog/modern-react-from-the-beginning-excursus-strapi-as-back-end-25c0e875fee


#react #strapi #nodejs

---

Cara menambahkan iklan Admobs ke dalam aplikasi Ionic React Capacitor

https://enappd.com/blog/implement-admob-in-ionic-react-capacitor-apps/135

---

Menambahkan Admob ke dalam aplikasi React Native dengan Firebase
https://medium.com/front-end-weekly/implement-admob-in-react-native-with-firebase-87a87db1a8e

---

Implementasi sistem login di React Native tanpa password dengan library Auth0

https://blog.logrocket.com/secure-passwordless-authentication-react-native-auth0/

----

Latihan panjang membuat aplikasi mobile app dengan React , Ionic , TypeScript, dan Mobx .
https://blog.logrocket.com/full-mobile-app-typescript-ionic-react-mobx/

#admob #react #ionic #capacitor #auth #auth0 #reactnative #login #typescript

Latihan menyimpan data di browser LocalStorage pada React JS

https://www.freecodecamp.org/news/how-to-persist-a-logged-in-user-in-react/

---

Teknik lazy loading image gambar di React JS

https://levelup.gitconnected.com/lazy-loading-images-in-react-for-better-performance-5df73654ea05

---

Membuat Carousel Component di React dengan Material UI dan animation

https://levelup.gitconnected.com/adding-transitions-to-a-react-carousel-with-material-ui-b95825653c1b

---

Komparasi antara Formik dan React Hook Form untuk library form builder

https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae

---

Pengenalan React Native bagi pengembang yang sudah memakai React

https://levelup.gitconnected.com/from-react-to-react-native-a-quick-start-to-building-for-mobile-356596396234

---

Latihan berseri membuat aplikasi React Native , bagian part yang lain ada linknya di dalam artikel

https://jasonmerino.me/articles/how-to-make-an-app-with-react-native-api-integration-and-mobx

---

#react #carousel #materialui #reactnative #mobx #formik #hook #form #localstorage

Cara menjalankan hasil build aplikasi web React SPA dengan bantuan Express Node JS

https://levelup.gitconnected.com/how-to-render-react-app-using-express-server-in-node-js-a428ec4dfe2b

---

Latihan berseri pengenalan React Hooks seperti useCallback , useRef , useMemo.

https://dev.to/milu_franz/demystifying-react-hooks-useref-2ddp

---

Latihan membuat React Native Apps dan menggunakan database Firebase Db

https://www.freecodecamp.org/news/react-native-firebase-tutorial/

---

#react #nodejs #express #serve #hooks #reactnative

Latihan menggunakan Chakra UI ke dalam component Next JS

https://www.freecodecamp.org/news/how-to-use-chakra-ui-with-next-js-and-react/

---

Daftar referensi template aplikasi React Native untuk aplikasi pemesanan makanan seperti Ubereats, Gofood , atau Grabfood

https://kriss.io/top-5-react-native-ubereats-clone-template-2020/

---

Membuat aplikasi kamera dengan Expo dan React Native

https://www.freecodecamp.org/news/how-to-create-a-camera-app-with-expo-and-react-native/

---

Referensi beberapa library React Hooks untuk React JS

https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065

#chakraui #nextjs #reactnative #ubereats #expo

Latihan membuat aplikasi chat dengan Ionic Capacitor dan React JS, dengan menggunakan Stream Chat API yang di deploy ke Heroku

https://medium.com/weekly-webtips/build-a-real-time-chat-app-with-ionic-react-and-stream-b3df41d6f15a

—-

Penggunaan Firebase Service untuk untuk sistem Authentication pada aplikasi React Native

https://medium.com/weekly-webtips/react-native-firebase-phone-authentication-with-typescript-646245b58aeb

—-

Contoh penerapan desain Neuromorphism di aplikasi React Native

https://medium.com/weekly-webtips/the-state-of-neumorphic-design-in-react-native-3fa27fe4f3ea

—-

Membuat fungsi Infinite Scroll pada contoh kasus Gallery Foto di React JS

https://medium.com/weekly-webtips/infinite-scroll-with-photo-gallery-in-react-c7219b8be2a0

—-

Latihan pengenalan React Hooks dan penggunaannya.
https://medium.com/weekly-webtips/react-hooks-7f3abd504097
—-
Latihan penggunaan Redux dengan React Hooks
https://medium.com/weekly-webtips/2020-redux-tutorial-with-hooks-and-thunk-8a6a4be6f9de

—-

Konsumsi REST API dengan menggunakan React Hooks dan design patterns

https://medium.com/weekly-webtips/implementing-a-rest-api-with-react-hooks-using-patterns-2ea1476e2a05

—-

Membuat aplikasi peta sederhana dengan Leaflet JS dan React JS

https://medium.com/weekly-webtips/getting-started-with-building-maps-with-react-and-leaflet-8ac6227f2099

#reactnative #react #ionic #capacitor #firebase #hooks #maps #leaflet #redux

Latihan panjang dari Freecodecamp membuat aplikasi seperti Instagram dengan React Native, React Expo, Firebase Database, dan Redux

https://www.freecodecamp.org/news/build-an-instagram-clone-with-react-native-firebase-firestore-redux-and-expo/

---

Menggunakan fungsi Authentication dari library Next Auth untuk Next JS

https://blog.logrocket.com/how-to-use-nextauth-js-for-client-side-authentication-in-next-js/

---

Daftar library Modal Component untuk React JS

https://blog.logrocket.com/top-react-modal-components-for-2021/

---

Latihan panjang membuat aplikasi I sosial media dengan MERN Stack dan GraphQL

https://www.freecodecamp.org/news/learn-how-to-use-react-and-graphql-to-make-a-full-stack-social-network/

---

#react #mern #nextjs #nodejs #reactNative #firebase #modal #component

Latihan dari Cand Dev tentang pembuatan Form dan Form Validation dengan Formik dan Yup di React JS

https://youtu.be/u-CCnDayNJw

---

Referensi beberapa package React Native yang biasa dipakai untuk pembuatan aplikasi mobile

https://medium.com/javascript-in-plain-english/top-7-react-native-packages-to-look-up-in-2021-b98aef32cbe4

#react #form #yup #formik #reactNative #package

Memperkenalkan OsmiCSX CLI. Boilerplate generator untuk project berbasis React native.

Tech stack yang dipakai :
React Native
React Navigation 5
OsmiCSX
Redux-Saga
Redux-Persist
AsyncStorage
apisauce (to talk to REST servers)
Flipper-ready
Reactotron-ready
TDD-ready
And more!

Selengkapnya bisa cek disini.
https://github.com/OsmiCSX/osmi

#react #reactnative

Cara menggunakan Font Awesome di React JS

https://www.freecodecamp.org/news/how-to-use-react-icons/

---

Contoh penerapan monorepo pada MERN Stack

https://javascript.plainenglish.io/share-code-between-react-client-and-express-server-5dc0977faa76

---

Membuat aplikasi desktop React Native untuk MacOs

https://youtu.be/IbUNjNunEqE

---

Latihan sederhana membuat game Tic Tac Toe dengan React JS

https://betterprogramming.pub/how-i-created-my-first-ai-program-using-react-js-95fe54d994d6

---

#react #icon #fontawesome #reactnative #monorepo #mern

Latihan panjang dari JavaScript Mastery dalam membuat aplikasi React Native untuk menampilkan daftar produk NFT yang tersedia

https://www.youtube.com/watch?v=_ivIUCSOZ78

#javascriptMastery #nft #react #reactNative

Latihan membuat aplikasi blog dengan Remix JS dan Strapi CMS

https://medium.com/strapi/how-to-build-a-blog-app-with-remix-and-strapi-cms-efbb341d3b89

—-

Membuat aplikasi React Native dengan Strapi CMS sebagai backend servernya

https://medium.com/strapi/creating-a-react-native-app-with-strapi-as-the-backend-8ec44400dcfd

---

Membuat sistem Authentication dengan React JS, Context, dan Router

https://dev.to/gabrieldneto/react-authentication-with-context-api-and-react-router-v6-typescript-4kn8

#strapi #remix #reactNative #router