Beberapa contoh aplikasi web yang dibuat oleh React dari Developer yang dalam proses belajar React dan MERN Stack.
https://dev.to/hemant/20-react-apps-4oj9
----
Belajar menggunakan i18n untuk localization bahasa aplikasi web di React
https://levelup.gitconnected.com/learn-i18n-and-how-to-use-it-in-react-project-5a2f9c1fad6f
---
Mengenal Redux Selector dan cara penggunaannya
https://www.denisw.de/posts/redux-selectors-logic/
---
Contoh penggunaan React Hooks dalam hal useCallback dan useMemo
https://dev.to/milu_franz/demystifying-react-hooks-usecallback-and-usememo-1a8j
---
Integrasi library Highcharts ke React JS
https://medium.com/javascript-in-plain-english/quick-integration-of-highcharts-with-react-9f796a396093
---
Latihan bagian ketiga mmenuat aplikasi keuangan dengan MERN Stack , pada bagian pembuatan Authentication dan JWT
https://medium.com/javascript-in-plain-english/create-a-full-stack-banking-application-using-react-23d0ef2f5bd2
#react #course #sample #hooks #i18n #redux #mern #jwt #auth
https://dev.to/hemant/20-react-apps-4oj9
----
Belajar menggunakan i18n untuk localization bahasa aplikasi web di React
https://levelup.gitconnected.com/learn-i18n-and-how-to-use-it-in-react-project-5a2f9c1fad6f
---
Mengenal Redux Selector dan cara penggunaannya
https://www.denisw.de/posts/redux-selectors-logic/
---
Contoh penggunaan React Hooks dalam hal useCallback dan useMemo
https://dev.to/milu_franz/demystifying-react-hooks-usecallback-and-usememo-1a8j
---
Integrasi library Highcharts ke React JS
https://medium.com/javascript-in-plain-english/quick-integration-of-highcharts-with-react-9f796a396093
---
Latihan bagian ketiga mmenuat aplikasi keuangan dengan MERN Stack , pada bagian pembuatan Authentication dan JWT
https://medium.com/javascript-in-plain-english/create-a-full-stack-banking-application-using-react-23d0ef2f5bd2
#react #course #sample #hooks #i18n #redux #mern #jwt #auth
Membangun GraphQL API pada backend berbasis Nest JS dan Node JS
https://dev.to/2muchcoffeecom/building-graphql-api-with-nestjs-433m
---
Latihan bagian kedua membangun aplikasi Twitter Clone dengan Nest JS , Prisma dan React JS
https://dev.to/darioielardi/how-to-build-a-twitter-clone-with-nestjs-prisma-and-react-part-2-2ah8
---
Penjelasan cara deploy aplikasi Nest JS ke layanan Amazon Web Service AWS
https://dev.to/thejscode/deploying-nestjs-application-easy-and-explained-11cm
---
Latihan panjang dan berseri membuat backend server dengan Node JS Express JS , pada bagian JSON Web Token JWT refresh Token
https://dev.to/fullstackprogrammer/advanced-express-js-rest-api-jwt-refresh-tokens-node-js-4ooc
---
Menambahkan fungsi i18n multi bahasa di Node JS dengan library Localazy
https://dev.to/localazy/making-a-nodejs-project-with-localisation-using-localazy-3dm5
---
#nodejs #nest #graphql #typescript #i18n #localazy #jwt
https://dev.to/2muchcoffeecom/building-graphql-api-with-nestjs-433m
---
Latihan bagian kedua membangun aplikasi Twitter Clone dengan Nest JS , Prisma dan React JS
https://dev.to/darioielardi/how-to-build-a-twitter-clone-with-nestjs-prisma-and-react-part-2-2ah8
---
Penjelasan cara deploy aplikasi Nest JS ke layanan Amazon Web Service AWS
https://dev.to/thejscode/deploying-nestjs-application-easy-and-explained-11cm
---
Latihan panjang dan berseri membuat backend server dengan Node JS Express JS , pada bagian JSON Web Token JWT refresh Token
https://dev.to/fullstackprogrammer/advanced-express-js-rest-api-jwt-refresh-tokens-node-js-4ooc
---
Menambahkan fungsi i18n multi bahasa di Node JS dengan library Localazy
https://dev.to/localazy/making-a-nodejs-project-with-localisation-using-localazy-3dm5
---
#nodejs #nest #graphql #typescript #i18n #localazy #jwt
DEV Community
Building GraphQL API with NestJS
I have developed web applications for more than a decade. I'd known the good times when `Web` was bui...
Membuat halaman daftar isi atau Table of Contents pada aplikasi Nuxt JS dengan Active States
https://medium.com/js-dojo/nuxt-table-of-contents-with-active-states-b6ccfd1a0bd4
---
Menambahkan fitur multi bahasa pada aplikasi Vue JS dengan vue-i18n dan Localazy library
https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy
—-
Daftar contekan Cheatsheet atau Snippets untuk penulisan kode di Vue JS Nuxt JS
https://medium.com/js-dojo/the-ultimate-nuxt-js-cheat-sheet-96125109d8b8
#vue #nuxt #tableofcontent #localazy #i18n #chatsheet
https://medium.com/js-dojo/nuxt-table-of-contents-with-active-states-b6ccfd1a0bd4
---
Menambahkan fitur multi bahasa pada aplikasi Vue JS dengan vue-i18n dan Localazy library
https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy
—-
Daftar contekan Cheatsheet atau Snippets untuk penulisan kode di Vue JS Nuxt JS
https://medium.com/js-dojo/the-ultimate-nuxt-js-cheat-sheet-96125109d8b8
#vue #nuxt #tableofcontent #localazy #i18n #chatsheet
Medium
Nuxt Table of Contents With Active States
Active states based on scroll position using the Intersection Observer API
Package library untuk Nuxt JS yang bernama Ufo untuk manipulasi dan membaca URL di Nuxt JS
https://github.com/nuxt-contrib/ufo
—-
Panduan menggunakan library i18n di Vue JS untuk aplikasi web multi bahasa
https://medium.com/better-programming/vue-i18n-ultimate-guide-fb3d9db48c94
—-
Menggunakan v-model pada form input element yang terdapat di dalam Slots Vue JS
https://medium.com/weekly-webtips/form-input-elements-and-v-model-in-vuejs-slots-562e59ba0922
#ufo #nuxt #vue #library #i18n #slot #vmodel
https://github.com/nuxt-contrib/ufo
—-
Panduan menggunakan library i18n di Vue JS untuk aplikasi web multi bahasa
https://medium.com/better-programming/vue-i18n-ultimate-guide-fb3d9db48c94
—-
Menggunakan v-model pada form input element yang terdapat di dalam Slots Vue JS
https://medium.com/weekly-webtips/form-input-elements-and-v-model-in-vuejs-slots-562e59ba0922
#ufo #nuxt #vue #library #i18n #slot #vmodel
GitHub
GitHub - unjs/ufo: URL utils for humans
URL utils for humans. Contribute to unjs/ufo development by creating an account on GitHub.
Meningkatkan performa render halaman dengan menggunakan optimasi di bagian CSS
https://blog.bitsrc.io/improve-page-rendering-speed-using-only-css-a61667a16b2
---
Pembaruan dokumentasi Mozilla Web Docs MDN untuk strategi lokalisasi bahasa
https://hacks.mozilla.org/2020/12/an-update-on-mdn-web-docs-localization-strategy/
---
#css #rendering #lighthouse #i18n #locale
https://blog.bitsrc.io/improve-page-rendering-speed-using-only-css-a61667a16b2
---
Pembaruan dokumentasi Mozilla Web Docs MDN untuk strategi lokalisasi bahasa
https://hacks.mozilla.org/2020/12/an-update-on-mdn-web-docs-localization-strategy/
---
#css #rendering #lighthouse #i18n #locale
Medium
Improve Page Rendering Speed Using Only CSS
4 Important CSS tips for faster page rendering
Membuat fitur lazy loading component dan router dengan Angular
https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/
---
Tips optimasi aplikasi web Angular yang memiliki performa lambat
https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/
---
Membuat fitur drag and drop dengan Angular
https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/
---
Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript
https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/
---
Menggunakan fitur server side rendering di Angular
https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/
---
Membuat fitur lokalisasi bahasa atau i18n di Angular
https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/
---
Contoh penggunaan Getter Setter di TypeScript
https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c
#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter
https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/
---
Tips optimasi aplikasi web Angular yang memiliki performa lambat
https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/
---
Membuat fitur drag and drop dengan Angular
https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/
---
Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript
https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/
---
Menggunakan fitur server side rendering di Angular
https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/
---
Membuat fitur lokalisasi bahasa atau i18n di Angular
https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/
---
Contoh penggunaan Getter Setter di TypeScript
https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c
#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter
Third Rock Techkno
Lazy load component with Angular 10 | Thirdock Techkno
Lazy loading (also called on-demand loading) is an optimisation technique for the online content, be it a website or a web app.
Latihan membuat chart dengan library Chart JS dan dikonfigurasi agar bersifat responsive
https://javascript.plainenglish.io/build-interactive-and-responsive-charts-with-chart-js-1bc2b6586d8f
—-
Cara implementasi fungsi multi bahasa atau i18n dengan JavaScript
https://javascript.plainenglish.io/internationalization-i18n-javascript-3caa3da01c3a
—-
Beberapa module dan package Node JS yang biasanya sering dipakai
https://javascript.plainenglish.io/6-useful-node-js-modules-developers-should-know-in-2021-4fa9e3d563ed
—-
#chartjs #library #i18n #nodejs
https://javascript.plainenglish.io/build-interactive-and-responsive-charts-with-chart-js-1bc2b6586d8f
—-
Cara implementasi fungsi multi bahasa atau i18n dengan JavaScript
https://javascript.plainenglish.io/internationalization-i18n-javascript-3caa3da01c3a
—-
Beberapa module dan package Node JS yang biasanya sering dipakai
https://javascript.plainenglish.io/6-useful-node-js-modules-developers-should-know-in-2021-4fa9e3d563ed
—-
#chartjs #library #i18n #nodejs
Medium
Build Interactive and Responsive Charts with Chart.js
Data visualization is the act of presenting data into visual forms such as graphs or charts. It is used to summarize data easily and…
Mengenal fungsi internasionalisasi bahasa atau i18n dengan JavaScript
https://www.sitepoint.com/javascript-internationalization-api-i18n/
---
Latihan sederhana pengenalan fitur JavaScript Modern ES2021
https://devdojo.com/piyushsinha24/modern-javascript-iii
---
Latihan menggunakan fitur ES Modules di sisi browser
https://jordanfinners.dev/blogs/are-you-ready-for-es-modules.html
---
#i18n #esm #es2021
https://www.sitepoint.com/javascript-internationalization-api-i18n/
---
Latihan sederhana pengenalan fitur JavaScript Modern ES2021
https://devdojo.com/piyushsinha24/modern-javascript-iii
---
Latihan menggunakan fitur ES Modules di sisi browser
https://jordanfinners.dev/blogs/are-you-ready-for-es-modules.html
---
#i18n #esm #es2021
Sitepoint
What is the JavaScript Internationalization API (I18n)? — SitePoint
Need to translate your website? Learn how to use the JavaScript Internationalization API (I18n) and how easy it is to implement it in your apps.
Cara optimasi dan perawatan aplikasi web Angular dengan multi bahasa i18n
https://medium.com/dailyjs/maintaining-multi-language-angular-applications-26b74df8d085
#angular #i18n
https://medium.com/dailyjs/maintaining-multi-language-angular-applications-26b74df8d085
#angular #i18n
Medium
Maintaining Multi-language Angular Applications with i18n
Discover the possibilities of Angular internationalization (i18n) and localization (l10n)
Menggunakan mode client side routing pada Next JS
https://www.smashingmagazine.com/2021/06/client-side-routing-next-js/
---
Integrasi Stripe Payment ke dalam modul pembayaran sederhana di aplikasi Next JS
https://blog.logrocket.com/getting-started-stripe-connect-next-js/
---
Penambahan mode internasionalisasi bahasa i18n di React JS
https://blog.logrocket.com/react-intl-internationalize-your-react-apps/
---
#react #nextjs #i18n #stripe #payment #routing
https://www.smashingmagazine.com/2021/06/client-side-routing-next-js/
---
Integrasi Stripe Payment ke dalam modul pembayaran sederhana di aplikasi Next JS
https://blog.logrocket.com/getting-started-stripe-connect-next-js/
---
Penambahan mode internasionalisasi bahasa i18n di React JS
https://blog.logrocket.com/react-intl-internationalize-your-react-apps/
---
#react #nextjs #i18n #stripe #payment #routing
Smashing Magazine
Client-Side Routing In Next.js — Smashing Magazine
Next.js has a file-based routing system in which each page automatically becomes a route based on its file name. This article will guide you through almost everything you need to know about Routing in Next.js and point you in the direction of related topics…
Latihan dari Junior Developer Central tentang menggunakan Redux Toolkit di project React JS
https://youtu.be/GS1VWWCVzG8
---
Membuat fungsi internasionalisasi bahasa dengan i18next package untuk React
https://blog.logrocket.com/react-localization-with-i18next/
---
Menambahkan fitur internasionalisasi bahasa di React Native dengan i18n package
https://blog.logrocket.com/internationalization-and-localization-in-react-native/
---
Migrasi dari tools Create React App ke Vite JS React
https://javascript.plainenglish.io/migrating-a-create-react-app-cra-application-to-vite-788b13243b5a
---
#react #redux #juniorDeveloperCentral #vite #i18n
https://youtu.be/GS1VWWCVzG8
---
Membuat fungsi internasionalisasi bahasa dengan i18next package untuk React
https://blog.logrocket.com/react-localization-with-i18next/
---
Menambahkan fitur internasionalisasi bahasa di React Native dengan i18n package
https://blog.logrocket.com/internationalization-and-localization-in-react-native/
---
Migrasi dari tools Create React App ke Vite JS React
https://javascript.plainenglish.io/migrating-a-create-react-app-cra-application-to-vite-788b13243b5a
---
#react #redux #juniorDeveloperCentral #vite #i18n
YouTube
React Project: Using the Redux Toolkit
In this tutorial, we’ll take a look at the Redux Toolkit and build a simple project that demonstrates creating a Redux store, with reducers, actions and state selection all using the tools provided in the Redux Toolkit.
Code for the project is here: htt…
Code for the project is here: htt…
Perbedaan local styling dengan global styling CSS di Next JS
https://www.smashingmagazine.com/2021/07/global-local-styling-nextjs/
---
Latihan berseri menggunakan Tensorflow JS dengan Next JS untuk menghapus latar belakang gambar atau video
https://dev.to/yuikoito/tensorflow-next-js-typescript-remove-background-and-add-virtual-background-image-with-web-camera-296k
---
Menambahkan fungsi multi bahasa i18n di Gatsby JS
https://itnext.io/how-to-create-multi-lingual-gatsby-websites-react-4799b7899202
---
#nextjs #i18n #react #css
https://www.smashingmagazine.com/2021/07/global-local-styling-nextjs/
---
Latihan berseri menggunakan Tensorflow JS dengan Next JS untuk menghapus latar belakang gambar atau video
https://dev.to/yuikoito/tensorflow-next-js-typescript-remove-background-and-add-virtual-background-image-with-web-camera-296k
---
Menambahkan fungsi multi bahasa i18n di Gatsby JS
https://itnext.io/how-to-create-multi-lingual-gatsby-websites-react-4799b7899202
---
#nextjs #i18n #react #css
Smashing Magazine
Global vs. Local Styling In Next.js — Smashing Magazine
Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances…