Manajemen modul dan penggunaan modul NPM di dalam Node.js

https://medium.freecodecamp.org/how-to-keep-your-sanity-while-managing-npm-functions-in-node-9a5889cce80d

#module #sanity #maintenance

Latihan menggunakan Sanity IO, Headless CMS berbasis Node JS untuk pembuatan konten dari suatu aplikasi web

https://scotch.io/tutorials/getting-started-with-sanityio-a-headless-cms-you-can-customize

---

Membuat Custom API pada Headless CMS Strapi
https://scotch.io/tutorials/creating-a-custom-api-with-strapi-a-node-headless-cms

#strapi #cms #sanity #nodejs

Membuat aplikasi mobile konversi mata uang Currency Formatter dengan Ionic Dan React JS

https://itnext.io/currency-picker-and-formatter-with-ionic-react-ede8e2ff53df

---

Beberapa project berbasis React JS yang dapat dipakai untuk latihan programming

https://medium.com/front-end-weekly/5-real-world-react-projects-to-inspire-growth-no-todo-apps-allowed-8c5b6cffbadd

---

Membuat halaman yang berisi struktur kategori atau taksonomi dengan Gatsby JS dan layanan Content Management bernama Sanity IO

https://css-tricks.com/how-to-make-taxonomy-pages-with-gatsby-and-sanity-io/

---

Menggunakan LocalStorage API ke dalam React Hooks dengan library useLocalStorage

http://blog.logrocket.com/web-storage-made-simple-use-local-storage-state/

#ionic #react #gatsby #sanity #taxonomy #hooks #localstorage

Latihan dasar pengenalan React JS Component dan Props

https://www.freecodecamp.org/news/react-components-jsx-props-for-beginners/

---

Menggunakan D3 JS bersama React JS

https://blog.logrocket.com/using-d3-js-v6-with-react/

---

Komparasi antara pengalaman developer dan kenyamanan developer dalam menggunakan framework Next JS dan React JS

https://blog.logrocket.com/next-js-vs-react-developer-experience/

---

Membuat sistem komentar blog dengan Next JS dan Sanity IO service

https://css-tricks.com/how-to-create-a-commenting-engine-with-next-js-and-sanity/

---

Konfigurasi Next JS agar menggunakan TypeScript

https://creativedesignsguru.com/how-to-set-up-next-js-with-typescript/

#react #nextjs #d3 #chart #typescript #comment #sanity

Latihan menggunakan headless CMS bernama Sanity IO dengan kombinasi bersama React JS di bagian front end, dari Traversy Media kolaborasi dengan Kapehe .

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

—

Latihan menggunakan headless CMS yang bernama Sanity IO untuk sumber data aplikasi web

https://www.youtube.com/watch?v=32RP-sG1njE

—-

Buku panduan lengkap menggunakan framework React JS dari Flavio Copes

https://www.freecodecamp.org/news/react-beginner-handbook/

---

Menggunakan plugin Markdown MDX di dalam aplikasi Next JS dengan kombinasi Sanity IO

https://www.smashingmagazine.com/2020/12/mdx-stored-sanity-next-js-website/

---

Menggunakan Next JS sebagai front end dari aplikasi backend Nest JS

https://medium.com/javascript-in-plain-english/render-next-js-with-nestjs-did-i-just-made-next-js-better-aa294d8d2c67

---

Latihan menggunakan Next JS bersama Storybook

https://medium.com/javascript-in-plain-english/next-js-storybook-3f8e5a8dab3d

---

#react #nodejs #sanity #headless #cms #nextjs #guide

Contekan atau Cheatsheet dari penggunaan fungsi di React dan contoh penggunaannya

https://www.freecodecamp.org/news/react-cheatsheet-with-real-world-examples/

---

Contoh penggunaan Sanity CMS untuk manajemen konten aplikasi Gatsby JS

https://blog.logrocket.com/sanity-cms-for-content-management-in-gatsby/

---

Komparasi antara Tailwind CSS dengan Styled Component React

https://dev.to/willholmes/tailwindcss-vs-styled-components-in-reactjs-188j

---

Membuat Tab Component di React yang dapat digunakan dengan navigasi keyboard

https://dev.to/eevajonnapanula/keyboard-accessible-tabs-with-react-5ch4

---

Melakukan perubahan tema aplikasi web dengan Styled Component

https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

#cheatsheet #react #sanity #gatsby #cms #css #tailwind #tabs

Latihan membuat aplikasi web dengan React JS dan Sanity IO Headless CMS yang berbasis Node JS

https://www.smashingmagazine.com/2021/02/web-app-react-redux-sanity-io/

---

Menggunakan Immer JS untuk Immutable State di React JS

https://blog.bitsrc.io/using-immer-with-react-a-simple-solutions-for-immutable-states-a6ebb8b0bfa

---

Latihan berseri mengenal Next JS dalam tiga bagian

https://dev.to/vinicius77/next-js-trash-course-part-1-3-2dlb

---

Melakukan debugging untuk mengetahui kapan React JS melakukan render ulang halaman

https://dev.to/mokkapps/debug-why-react-re-renders-a-component-3i8e

---

Membuat aplikasi Realtime dengan Node JS, Socket IO, dan React JS

https://javascript.plainenglish.io/building-a-real-time-application-with-react-and-socket-io-f4c401832557

—-

#react #cms #nodejs #sanity #nextjs #immerjs

Freecodecamp dan Kapehe merilis latihan panjang tentang pengenalan Next JS, hingga latihan deploy ke layanan Vercel. Selengkapnya dapat dilihat di bawah ini.

https://www.freecodecamp.org/news/learn-next-js/

---

Latihan menggunakan state management Mobx pada aplikasi React JS

https://blog.logrocket.com/using-mobx-for-large-scale-enterprise-state-management/

---

Perbedaan mode Server Side Rendering SSR dengan Static Site Generator SSG di Next JS

https://blog.logrocket.com/ssg-vs-ssr-in-next-js/

---

Latihan menggunakan Sanity CMS sebagai backend dari Next JS

https://blog.logrocket.com/content-management-in-next-js-with-sanity-cms/

---

Implementasi fungsi Firebase Authentication pada Next JS

https://blog.logrocket.com/implementing-authentication-in-next-js-with-firebase/

---

Menampilkan data dari Axios ke React Hooks

https://javascript.plainenglish.io/display-api-data-using-axios-in-a-react-app-with-hooks-eb9ca298f27

#nextjs #nodejs #react #ssr #ssg #auth #firebase #sanity #cms

Javascript Mastery merilis latihan panjang tentang pembuatan e-commerce dengan React, Sanity CMS, dan Stripe Payment

https://youtu.be/4mOkFXyxfsU

---

Membuat aplikasi web DENGAN Next JS dan Tailwind CSS

https://dev.to/alexeagleson/how-to-build-a-fullstack-nextjs-application-with-storybook-tailwindcss-2gfa

---

Latihan dasar membuat project berbasis Next JS dan menggunakan VS Code

https://upmostly.com/nextjs/how-to-start-a-new-nextjs-project-and-open-it-in-vs-code

#nextjs #react #javascriptMastery #ecommerce #stripe #sanity #cms

Menggunakan higher order component di React JS

https://www.freecodecamp.org/news/higher-order-components-in-react/

---

Membuat web portfolio dengan Sanity CMS dan Next JS

https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-sanity-and-nextjs/

#react #nextjs #sanity

Lesson 4: Sanity CMS + Next.js Tutorial (next-sanity package) | Next.js 14+ Course
https://www.youtube.com/watch?v=buzvGncyg0Q

#react #nextjs #sanityCMS

These are the 5 most transformative JavaScript features from ES9
https://medium.com/coding-beauty/best-es9-javascript-features-8aaf073e3922

—-

Stop Using find() Method in JavaScript
https://medium.com/codex/stop-using-find-method-in-javascript-dfdb40b10821

—-

For My Sanity, Please Use If-Else Statements, or I’ll Find You
https://seniorbrogrammer.medium.com/for-my-sanity-please-use-if-else-statements-or-ill-find-you-943f424bfc17

—-

#es9 #sanity #ifElse #find