Memperkenalkan Rockpack, plugin atau tambahan untuk Create React App agar siap dipakai untuk tahap produksi

https://blog.logrocket.com/how-to-use-rockpack/

---

Referensi beberapa blog tentang React JS yang menarik dibaca

https://css-tricks.com/some-react-blog-posts-ive-bookmarked-and-read-lately/

—-

Latihan membuat blog sederhana dengan Gatsby JS

https://medium.com/javascript-in-plain-english/getting-started-with-creating-static-sites-with-gatsby-js-fbdcae9c5f11

—-

Latihan membuat web portofolio dengan Gatsby JS

https://medium.com/javascript-in-plain-english/how-to-build-a-portfolio-in-react-with-yaml-and-gatsby-js-d817d1c2994e

—-

Membuat toko online Shopify dengan front end Next JS

https://medium.com/javascript-in-plain-english/how-to-build-shopify-store-front-with-next-js-part-1-f7d4de7043a9

—-

#react #rockpack #cra #nextjs #shopify #gatsby #ecommerce #blog #portfolio

Latihan panjang sekali dan berseri membuat aplikasi chatting dengan Node JS, React, TypeScript, Socket IO dan GraphQL dari channel Better Coding Academy

https://dev.to/bettercodingacademy/full-tutorial-9-creating-a-graphql-mutation-microservices-chat-app-using-react-node-js-typescript-and-graphql-3j6p

---

Membuat modal Snackbar dengan React dan Styled Component

https://dev.to/gthinh/make-your-own-snackbars-using-react-redux-and-styled-components-40kn

---

Membuat UI Component dengan React dan Storybook

https://levelup.gitconnected.com/building-ui-components-with-react-and-storybook-b273489db6b4

---

Beberapa keahlian penting di JavaScript yang biasa diperlukan ketika belajar menggunakan React JS

https://www.freecodecamp.org/news/javascript-skills-you-need-for-react-practical-examples/

---

Latihan membuat blog dengan Gatsby JS dan Markdown

https://dev.to/squashbugler/how-to-create-blog-posts-from-markdown-with-gatsby-in-2021-35nb

---

Latihan deploy aplikasi Next JS ke layanan Netlify

https://www.netlify.com/blog/2020/11/30/how-to-deploy-next.js-sites-to-netlify/

---

Latihan membuat form dinamis dengan React Hooks Forms

https://dev.to/vineetpardhi/how-to-create-dynamic-forms-in-react-using-react-hook-forms-5gab

#nodejs #react #chat #socketio #graphql #gatsby #nextjs #snackbar #storybook

All right then gang, Net Ninja merilis latihan lengkap membuat aplikasi web dengan SSG dari Gatsby JS. Salah satu videonya dapat dilihat disini.

https://youtu.be/Qms4k6y7OgI

Playlist lengkapnya dapat dilihat disini.

https://youtube.com/playlist?list=PL4cUxeGkcC9hw1g77I35ZivVLe8k2nvjB

---

Catatan rilis dari Gatsby JS versi 3.x

https://blog.logrocket.com/whats-new-in-gatsby-3-0/

#gatsby #netninja #react #ssg

Cara melakukan deploy aplikasi web berbasis Gatsby JS ke layanan VPS Digital Ocean

https://www.digitalocean.com/community/tutorials/how-to-deploy-a-gatsby-application-to-digitalocean-app-platform

---

Contoh kasus migrasi aplikasi web Gatsby JS versi 2.x ke Gatsby JS versi 3.x

https://owlypixel.com/migrating-owlypixel-from-gatsbyjs-v2-to-v3/

---

Latihan membuat aplikasi toko online dengan Shopify dan Gatsby JS

https://owlypixel.com/build-a-store-with-shopify-and-gatsby/

---

Menggunakan Markdown library yang bernama MDX pada aplikasi Gatsby JS

https://owlypixel.com/migrate-gatsby-markdown-blog-to-mdx/

---

Membuat aplikasi Guitar Chord dengan Gatsby JS dan MDX Markdown library

https://owlypixel.com/building-gatsbyjs-theme-from-scratch/

---

Daftar resource penting untuk sumber belajar memakai framework Gatsby JS

https://owlypixel.com/resources-for-learning-garsbyjs/

---

Latihan menggunakan query data dengan Apollo GraphQL pada Gatsby JS

https://javascript.plainenglish.io/how-to-query-remote-graphql-data-with-apollo-in-gatsby-d199a3e618d0


#gatsby #digitalocean #mdx #react

Latihan membuat blog dengan Gatsby JS dan Netlify CMS

https://javascript.plainenglish.io/how-to-create-a-blog-with-gatsby-and-netlify-cms-c8616861bd1b

—-

Latihan panjang membuat aplikasi Portfolio dengan Airtable API, React, Next.js dan Tailwind CSS

https://javascript.plainenglish.io/building-a-simple-portfolio-with-airtable-api-react-next-js-tailwind-css-7a24fcf3b5e6

—-

#nextjs #gatsby #react #tailwind #cms #netlify #airtable

Latihan panjang membuat blog dengan MDX Markdown dan Gatsby JS

https://www.sitepoint.com/gatsby-mdx-blog/

#mdx #markdown #gatsby #react

Tips membangun aplikasi blog dengan Gatsby JS

https://www.joshwcomeau.com/blog/how-i-built-my-blog/

#blog #gatsby

Latihan panjang sekali membuat blog dengan Gatsby JS dan Markdown MDX library

https://www.sitepoint.com/gatsby-mdx-blog/

---

Latihan membuat blog sederhana dengan Gatsby JS dan Netlify CMS

https://javascript.plainenglish.io/how-i-created-a-gatsby-blog-with-free-domain-and-hosting-e83f6bfd2824

---

Beberapa kelebihan Static Site Generator SSG dibandingkan dengan aplikasi web berbasis CMS konvensional

https://www.sitepoint.com/7-reasons-use-static-site-generator/

---

#gatsby #react #cms #netlify #ssg

Latihan dari Junior Developer Central tentang cara deploy aplikasi React atau Next JS ke layanan Netlify Hosting

https://youtu.be/9iZCLODSq6k

---

Latihan deploy aplikasi React JS ke layanan Cloudfare Pages dengan bantuan Github

https://blog.logrocket.com/cloudflare-pages-tutorial-deploy-a-react-app-via-github/

---

Komparasi antara Next JS dengan Gatsby JS dan kasus penggunaan yang cocok

https://hackernoon.com/nextjs-vs-gatsby-what-is-the-best-choice-in-2021-w91134om

---

Membuat aplikasi fullstack JavaScript dengan Next JS, TypeScript, dan MongoDb

https://www.freecodecamp.org/news/how-to-build-a-serverless-app/

#react #nextjs #gatsby #mongodb #netlify #hosting #cloudfare

Latihan menggunakan CSS Custom Property di Gatsby JS untuk kustomisasi theme tampilan

https://www.freecodecamp.org/news/website-theming-with-css-custom-properties-and-gatsbyjs/

---

Panduan panjang membuat CSS Animation menggunakan property clip path

https://blog.logrocket.com/guide-to-css-animations-using-clip-path/

#css #gatsby #customproperty #animation