Konfigurasi Nuxt JS dengan Storybook

https://medium.com/js-dojo/nuxt-js-setup-storybook-powered-f023b4ef351d

---

Membuat Code Coverage dari hasil unit testing Vue JS app

https://vuejsdevelopers.com/2020/07/20/code-coverage-vue-cypress/

---

#vue #nuxt #storybook #test #codecoverage

Latihan membuat aplikasi React JS dengan Storybook

https://www.smashingmagazine.com/2020/09/building-react-apps-storybook/

---

Beberapa contoh project React yang dapat dipakai belajar

https://www.freecodecamp.org/news/8-reactjs-project-ideas-to-start-learning-by-doing/

---

Penggunaan library testing Enzyme di React JS

https://blog.bitsrc.io/react-testing-library-the-modern-way-to-test-react-components-778ef578d0d9

---

Tips dan trik optimasi aplikasi React JS untuk performa lebih baik

https://medium.com/better-programming/10-tips-and-tricks-to-boost-your-react-apps-performance-in-2020-9388159f6ebf

---

Membuat sistem Authentication di dalam Next JS dengan bantuan Firebase

https://dev.to/theranbrig/server-side-authentication-with-nextjs-and-firebase-354m

#mern #react #storybook #sampleProject #auth #firebase #authentication

Penggunaan Nx Workspace untuk mempermudah pengembangan aplikasi web dengan Angular

https://blog.nrwl.io/smarter-and-faster-angular-development-with-nx-6ccca0fe18d1

---

Tips dan trik menggunakan RxJS di aplikasi web Angular

https://medium.com/@lironhazan/15-rxjs-great-tips-from-15-sentinels-4dee2bf1024e

---

Cara membuat Environment Variables untuk dipakai ke dalam aplikasi web Angular dan dapat dijalankan di dalam Github Actions

https://medium.com/better-programming/how-to-secure-angular-environment-variables-for-use-in-github-actions-39c07587d590

---

Tips menggunakan Storybook dengan Angular

https://levelup.gitconnected.com/storybook-with-angular-tips-7c1f2ab932bd

#angular #environment #githubAction #storybook #nx #rxjs

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

Tools pembuatan component yaitu Storybook kini telah tersedia untuk Svelte JS, selengkapnya bisa dilihat di bawah ini.

https://storybook.js.org/blog/storybook-for-svelte/

#svelte #storybook

Storybook kini tersedia untuk Vite JS

https://storybook.js.org/blog/storybook-for-vite/

#vite #storybook

Latihan membuat library component dengan Storybook React dan TypeScript bersama Marius Espejo

https://youtu.be/qSkHRVLcj6U

#react #storybook #typescript #mariusEspejo

Menggunakan Nx Tools bersama Next JS, Storybook dengan Tailwind CSS

https://blog.nrwl.io/use-storybook-with-tailwind-in-an-nx-workspace-5ceb08edad71

#nx #tailwind #storybook

Membuat component yang dapat digunakan berulang kali di React JS

https://www.freecodecamp.org/news/how-to-create-a-truly-reusable-react-component-from-scratch/

---

Menambahkan fitur drag and drop di element List React JS

https://blog.logrocket.com/adding-drag-and-drop-functionality-with-react-beautiful-dnd/

---

Contoh konfigurasi Next JS bersama Storybook dan Material UI

https://itnext.io/nextjs-storybookjs-material-ui-jest-swr-fe2ff5cb9af8

---

Membuat template Portfolio dengan Next JS

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

---

#react #nextjs #storybook #reusable #dragdrop

Latihan panjang pengenalan React Storybook bersama Web Dev Simplified

https://youtu.be/FUKpWgRyPlU

---

Cara mengirim email dari front end React JS langsung dengan bantuan Netlify Functions

https://blog.logrocket.com/how-to-send-emails-react-app-netlify-functions/

---

Latihan panjang pengenalan React JS bersama Freecodecamp

https://www.freecodecamp.org/news/learn-react-js-in-this-free-7-hour-course/

#react #storybook #webdevsimplified #email #netlify

Latihan menggunakan Storybook dengan ESLint

https://storybook.js.org/blog/how-to-use-storybook-with-eslint/

---

Konfigurasi Storybook agar dipakai di Next JS dan Tailwind CSS

https://dev.to/theodorusclarence/step-by-step-how-to-setup-storybook-with-nextjs-and-tailwind-css-lf

---

#storybook #react #nextjs #eslint

Konfigurasi aplikasi backend React JS dengan TypeScript, Tailwind CSS, Yarn, dan Storybook

https://blog.bitsrc.io/how-to-configure-a-react-app-with-typescript-tailwindcss-yarn-and-storybook-a271df5d9884


#reactjs #typescript #tailwind #storybook

Catatan rilis Storybook yang telah mendukung beberapa framework Javascript terbaru

https://storybook.js.org/blog/framework-api/

#storybook