Simple Next.js and React Authentication with Clerk - https://www.youtube.com/watch?v=RHFmsoiVtKE
#react
#react
YouTube
Simple Next.js & React Authentication With Clerk
In this project, we will buid an authentication system for Next.js using clerk. It can also be used with React SPAs and Remix.
Visit Clerk:
https://clerk.com
Project Code:
https://github.com/bradtraversy/clerk-app
Clerk Docs:
Main: https://clerk.com/docs…
Visit Clerk:
https://clerk.com
Project Code:
https://github.com/bradtraversy/clerk-app
Clerk Docs:
Main: https://clerk.com/docs…
🔥3❤1👍1
SOLID Principles in Vue
SOLID principles are a set of guidelines to write maintainable and scalable code. They are not limited to certain programming languages or technologies and can be applied to any kind of software development, including front-end development. This article briefly discusses the SOLID principles, and how they are applied to Vue 3 framework. - https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968
#vue
SOLID principles are a set of guidelines to write maintainable and scalable code. They are not limited to certain programming languages or technologies and can be applied to any kind of software development, including front-end development. This article briefly discusses the SOLID principles, and how they are applied to Vue 3 framework. - https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968
#vue
Medium
SOLID Principles in Vue
As a front-end developer, I’ve always felt intimidated by the general concepts of software development. We often ignore the most important…
👍6❤1
Writing CSS In 2023: Is It Any Different Than A Few Years Ago?
Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet). - https://www.smashingmagazine.com/2023/07/writing-css-2023/
#css
Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet). - https://www.smashingmagazine.com/2023/07/writing-css-2023/
#css
Smashing Magazine
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
CSS is evolving faster than ever. With all of the new features that are now available — and forthcoming — since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most…
👍4
Why and how to create an Event Bus in Vuejs 3
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. - https://inspector.dev/why-and-how-to-create-an-event-bus-in-vuejs-3/
#vue
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. - https://inspector.dev/why-and-how-to-create-an-event-bus-in-vuejs-3/
#vue
Inspector
Why and how to create an Event Bus in Vuejs 3
Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? Since I’m working on the 2.0 version of my product’s UI (to be released in May) I’m publishing some technical tricks I learn migrating my application from Vuejs 2 to Vuejs…
👍6
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects. - https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#typescript
Master the Builder Pattern and Easily Handle the Creation of Objects. - https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#typescript
Medium
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects.
👍5
Node.js Toolbox: A Way to Find Node.js Packages
Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. - https://nodejstoolbox.com/
#nodejs
Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. - https://nodejstoolbox.com/
#nodejs
Node.js Toolbox
Find actively maintained and popular packages in the Node.js ecosystem.
👍6
How React 18 Improves Application Performance
If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance. - https://vercel.com/blog/how-react-18-improves-application-performance
#react
Vercel
How React 18 Improves Application Performance
Learn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance.
👍7❤1
Scroll Progress Animations in CSS
Michelle Barker shows how to link animations to the scroll progress of a container. - https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css
#css
Michelle Barker shows how to link animations to the scroll progress of a container. - https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css
#css
MDN Web Docs
Scroll progress animations in CSS | MDN Blog
Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.
👍6❤1
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Masteringnuxt
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching.
👍7
Angular with Vite is crazy fast
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Medium
Angular with Vite is crazy fast (Angular 16 Example)
updated: 2023/09/17
👍7❤1
Speeding Up V8 Heap Snapshots
When diagnosing a memory leak in a JavaScript app, engineers at Bloomberg encountered some weird performance issues with capturing a single full-size heapshot taking more than 30 minutes(!) at times. Here’s the full story of how they investigated and resolved the problem, making JS memory analysis faster than ever for all of us. - https://v8.dev/blog/speeding-up-v8-heap-snapshots
#nodejs
When diagnosing a memory leak in a JavaScript app, engineers at Bloomberg encountered some weird performance issues with capturing a single full-size heapshot taking more than 30 minutes(!) at times. Here’s the full story of how they investigated and resolved the problem, making JS memory analysis faster than ever for all of us. - https://v8.dev/blog/speeding-up-v8-heap-snapshots
#nodejs
v8.dev
Speeding up V8 heap snapshots · V8
This post about V8 heap snapshots presents some performance problems found by Bloomberg engineers, and how we fixed them to make JavaScript memory analysis faster than ever.
👍3🔥1
Creating Custom Raycast Extensions with React
No lie, Raycast has replaced Spotlight, Alfred, and all the rest on macOS for me. It’s a fantastic launcher and shortcuts app, plus it has an extensions system you can use to make it do even more tricks. - https://spacejelly.dev/posts/creating-custom-raycast-extensions-with-react/
#react
No lie, Raycast has replaced Spotlight, Alfred, and all the rest on macOS for me. It’s a fantastic launcher and shortcuts app, plus it has an extensions system you can use to make it do even more tricks. - https://spacejelly.dev/posts/creating-custom-raycast-extensions-with-react/
#react
Space Jelly
Creating Custom Raycast Extensions with React on Space Jelly
Learn how to create your own Raycast extension and find unique ways to extend your launcher, from Cloudinary uploads to easily searching for creatures and items using the Hyrule Compendium API.
👍4❤3
Interviewing ChatGPT for a Front-End Developer Position - https://fadamakis.com/interviewing-chatgpt-for-a-front-end-developer-position-f1f5c08a275a
#interview #chatgpt
#interview #chatgpt
Medium
Interviewing ChatGPT for a Front-End Developer Position
Only a couple of months have passed since ChatGPT was released to the public, and it's already gaining a lot of attention for its detailed…
👍9
Yes, here are 3 ways to create a multiple layout system with Vue 3
Layouts are the foundations of medium-to-large websites or apps. Unlike Nuxt, Vue 3 doesn’t have a native layout system, but don’t worry. In this article, I’m going to show you 3 simple ways to achieve that. - https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb
#vue
Layouts are the foundations of medium-to-large websites or apps. Unlike Nuxt, Vue 3 doesn’t have a native layout system, but don’t worry. In this article, I’m going to show you 3 simple ways to achieve that. - https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb
#vue
Medium
Yes, here are 3 ways to create a multiple layouts system with Vue 3
Layouts are the foundations of medium-to-large websites ou apps.
👍7❤2
New Viewport Units
Ahmad Shadeed explains how exactly svh, lvh, and dvh viewport units work. - https://ishadeed.com/article/new-viewport-units
#css
Ahmad Shadeed explains how exactly svh, lvh, and dvh viewport units work. - https://ishadeed.com/article/new-viewport-units
#css
Ishadeed
New Viewport Units
Learn about the small, large, and dynamic viewport units in CSS.
👍9👏1
Configure Prettier and ESLint with Angular
Everyone wants to write code in a fast bug-free way without thinking about its style most of the time. That’s… - https://itnext.io/configure-prettier-and-eslint-with-angular-e7b4ce979cd8
#angular
Everyone wants to write code in a fast bug-free way without thinking about its style most of the time. That’s… - https://itnext.io/configure-prettier-and-eslint-with-angular-e7b4ce979cd8
#angular
Medium
Configure Prettier and ESLint with Angular
Everyone wants to write code in a fast bug-free way without thinking about its style most of the time. That’s why in this post I will talk…
👍9
Push Notifications with Firebase Cloud Messaging in React Native
Google’s Firebase Cloud Messaging is an established push notification service—why not employ it to implement push for your React Native apps? - https://scientyficworld.org/push-notification-firebase-cloud-messaging/
#reactnative
Google’s Firebase Cloud Messaging is an established push notification service—why not employ it to implement push for your React Native apps? - https://scientyficworld.org/push-notification-firebase-cloud-messaging/
#reactnative
Scientyfic World
Push Notifications With Firebase Cloud Messaging In React Native App | Scientyfic World
In this tutorial, we will explore how to implement push notifications in your mobile app using Firebase Cloud Messaging (FCM).
👍7❤3
Puppeteer in Node.js: More Antipatterns to Avoid - https://blog.appsignal.com/2023/06/14/puppeteer-in-nodejs-more-antipatterns-to-avoid.html
#nodejs
#nodejs
Appsignal
Puppeteer in Node.js: More Antipatterns to Avoid | AppSignal Blog
Explore some of the antipatterns to avoid when using Puppeteer for Node.js.
👍5