Allright then gang, Net Ninja released an exercise using the Supabase cloud service as a ready-to-use cloud database. With a case example of creating a JavaScript and CRUD-based web application to Supabase.
https://www.youtube.com/watch?v=ydz7Dj5QHKY&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=1&t=6s
#netninja #supabase #firebase
https://www.youtube.com/watch?v=ydz7Dj5QHKY&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=1&t=6s
#netninja #supabase #firebase
YouTube
Supabase Tutorial #1 - What is Supabase?
Hey gang, in this first Supabase tutorial we'll take a look at what Supabase is & what we'll be making in the rest of the series.
🐱💻 Access the course files on GitHub:
https://github.com/iamshaunjp/Supabase-Tutorial-for-Beginners
🐱💻 React Complete Tutorial…
🐱💻 Access the course files on GitHub:
https://github.com/iamshaunjp/Supabase-Tutorial-for-Beginners
🐱💻 React Complete Tutorial…
Practice creating a blog app with Remix JS and Strapi CMS
https://medium.com/strapi/how-to-build-a-blog-app-with-remix-and-strapi-cms-efbb341d3b89
—-
Creating a React Native application with Strapi CMS as the backend server
https://medium.com/strapi/creating-a-react-native-app-with-strapi-as-the-backend-8ec44400dcfd
---
Creating Authentication system with React JS, Context, and Router
https://dev.to/gabrieldneto/react-authentication-with-context-api-and-react-router-v6-typescript-4kn8
#strapi #remix #reactNative #router
https://medium.com/strapi/how-to-build-a-blog-app-with-remix-and-strapi-cms-efbb341d3b89
—-
Creating a React Native application with Strapi CMS as the backend server
https://medium.com/strapi/creating-a-react-native-app-with-strapi-as-the-backend-8ec44400dcfd
---
Creating Authentication system with React JS, Context, and Router
https://dev.to/gabrieldneto/react-authentication-with-context-api-and-react-router-v6-typescript-4kn8
#strapi #remix #reactNative #router
Medium
How to Build a Blog App with Remix and Strapi CMS
This article details the steps to build a blog app with Remix and Strapi CMS.
👍1
How to do web scrapping on data table elements using pagination, using the Playwright library
https://javascript.plainenglish.io/scrape-data-from-a-website-with-pagination-using-javascript-playwright-14c46d9148dd
#webscrapping #playwright
https://javascript.plainenglish.io/scrape-data-from-a-website-with-pagination-using-javascript-playwright-14c46d9148dd
#webscrapping #playwright
Medium
Scrape Data From a Website With Pagination Using JavaScript & Playwright
Explanation with traditional pagination
How to delete elements in a specific array using JavaScript
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
freeCodeCamp.org
How to Remove an Element from a JavaScript Array – Removing a Specific Item in JS
You will often need to remove an element from an array in JavaScript, whether it's for a queue data structure, or maybe from your React State. In the first half of this article you will learn all the methods that allow you to remove an element from a...
Extract Parameter Types from String Literal Types with TypeScript
https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/?utm_campaign=extract-parameter-types-from-string-lite
#typescript
https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/?utm_campaign=extract-parameter-types-from-string-lite
#typescript
Lihautan
Extract parameter types from string literal types with TypeScript
Parse and derive types from string literal types in TypeScript using the Template Literal Types, turning `'/purchase/[shopid]/[itemid]/args/[...args]'` into `{ shopid: number, itemid: number, args: string[] }`
👍3
Advanced React Component Composition
https://frontendmastery.com/posts/advanced-react-component-composition-guide/?utm_campaign=advanced-react-component-composition
#react
https://frontendmastery.com/posts/advanced-react-component-composition-guide/?utm_campaign=advanced-react-component-composition
#react
Frontendmastery
Advanced React component composition
A deep dive on composition in React. Learn key principles for designing and building reusable components that scale.
Code Angular the 2022 Way
https://javascript.plainenglish.io/code-angular-the-2022-way-make-the-change-and-be-ahead-8493224ac6ae?utm_campaign=code-angular-the-2022-waydont-be-le
#angular
https://javascript.plainenglish.io/code-angular-the-2022-way-make-the-change-and-be-ahead-8493224ac6ae?utm_campaign=code-angular-the-2022-waydont-be-le
#angular
Medium
Code Angular the 2022 Way
Don’t be left out of Angular 14 by continuing to code Angular the old way. Upgrade your app today to make your code cleaner and faster.
Recognizing Speech with vanilla JavaScript
https://blog.openreplay.com/recognizing-speech-with-vanilla-javascript
#javascript #vanillajs #speechrecognition
https://blog.openreplay.com/recognizing-speech-with-vanilla-javascript
#javascript #vanillajs #speechrecognition
👍3
Vue recursive components: Rendering nested comments
https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/
#vue
https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/
#vue
LogRocket Blog
Vue recursive components: Rendering nested comments - LogRocket Blog
Explore how you can use recursive components in Vue to manage tree-like structured data with an example comments section.
Practice using SSH Keygen with RSA to login with public key
https://www.freecodecamp.org/news/ssh-keygen-how-to-generate-an-ssh-public-key-for-rsa-login/
#rsa #ssh
https://www.freecodecamp.org/news/ssh-keygen-how-to-generate-an-ssh-public-key-for-rsa-login/
#rsa #ssh
freeCodeCamp.org
SSH Keygen Tutorial – How to Generate an SSH Public Key for RSA Login
Cryptography uses encryption and decryption to conceal messages. This introduces secrecy in information security. The purpose of cryptography is to ensure secure communication between two people or devices who are connecting through insecure channels...
Interesting collection of memes about programming
https://javascript.plainenglish.io/best-programming-memes-to-lighten-your-mood-61cd0905182a
#memes
https://javascript.plainenglish.io/best-programming-memes-to-lighten-your-mood-61cd0905182a
#memes
Medium
Best Programming Memes to Lighten Your Mood
The best compilation of programming memes in 2022.
Deploy Node JS backend app to Render service
https://www.freecodecamp.org/news/how-to-deploy-nodejs-application-with-render/
#render #nodejs #deploy
https://www.freecodecamp.org/news/how-to-deploy-nodejs-application-with-render/
#render #nodejs #deploy
freeCodeCamp.org
How to Deploy Your Node.js Application for Free with Render
For years, Heroku has been an excellent platform to host your Full Stack applications. freeCodeCamp made heavy use of Heroku early on – as have countless open source projects. But that may change, as Heroku is bringing its generous free tier to an e...
Using React JS with Vite Bundler and how to migrate from Create React App bundler
https://blog.logrocket.com/vite-3-vs-create-react-app-comparison-migration-guide/
---
How to lazy loading React JS image components
https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/
---
Print component contents with React Testing library
https://javascript.plainenglish.io/how-to-print-the-entire-component-using-screen-debug-in-react-testing-library-330db38d3e78
#react #vite #bundler #debug #lazyloading #image
https://blog.logrocket.com/vite-3-vs-create-react-app-comparison-migration-guide/
---
How to lazy loading React JS image components
https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/
---
Print component contents with React Testing library
https://javascript.plainenglish.io/how-to-print-the-entire-component-using-screen-debug-in-react-testing-library-330db38d3e78
#react #vite #bundler #debug #lazyloading #image
LogRocket Blog
Vite 3.0 vs. Create React App - LogRocket Blog
Learn how to build React applications with Vite and how to migrate from Create React App to Vite. Compare the core concepts of both tools.
👍3
TypeScript-based Node JS project framework or boilerplate
https://javascript.plainenglish.io/skeleton-for-node-js-apps-written-in-typescript-444fa1695b30
#nodejs #boilerplate
https://javascript.plainenglish.io/skeleton-for-node-js-apps-written-in-typescript-444fa1695b30
#nodejs #boilerplate
Medium
Skeleton for Node.js Apps Written in TypeScript
With setup instructions for ESLint, Prettier, and Husky.
👍1
Some JavaScript Node JS tools that help for application development
https://javascript.plainenglish.io/x-powerful-nodejs-tools-to-become-a-better-developer-in-2022-ec83ff1bb67d
#nodejs #tools
https://javascript.plainenglish.io/x-powerful-nodejs-tools-to-become-a-better-developer-in-2022-ec83ff1bb67d
#nodejs #tools
Medium
9 Powerful Node.js Tools to Become a Better Developer in 2022
You should know these useful Node.js tools to become a good developer.
S.O.L.I.D Principles with JS examples
https://medium.com/front-end-weekly/s-o-l-i-d-principles-with-js-examples-db95b44e82e
#solid #javascript
https://medium.com/front-end-weekly/s-o-l-i-d-principles-with-js-examples-db95b44e82e
#solid #javascript
Medium
S.O.L.I.D Principles with JS examples
The SOLID Principles were presented initially by Uncle Bob in his book Agile Software Development: Principles, Patterns, and Practices and…
Flipper and JS: why we added JavaScript support to a mobile debugging platform
https://developers.facebook.com/blog/post/2022/08/25/flipper-and-js-why-we-added-javascript-support-to-a-mobile-debugging-platform/
#flipper #js
https://developers.facebook.com/blog/post/2022/08/25/flipper-and-js-why-we-added-javascript-support-to-a-mobile-debugging-platform/
#flipper #js
Meta for Developers
Flipper and JS: why we added JavaScript support to a mobile debugging platform
Facebook For Developers