Advanced Data Fetching with Nuxt 3
When refreshing async data, when should you use refresh vs watch source?
Use refresh() when you know server side data has changed
Use a watch source when the data loaded is dependent upon client side data - https://serversideup.net/advanced-data-fetching-with-nuxt-3
#vue
When refreshing async data, when should you use refresh vs watch source?
Use refresh() when you know server side data has changed
Use a watch source when the data loaded is dependent upon client side data - https://serversideup.net/advanced-data-fetching-with-nuxt-3
#vue
Server Side Up
Advanced Data Fetching with Nuxt 3
These advanced Nuxt 3 Data fetching techniques will help bring your shiny new Nuxt 3 app to the next level!
❤4👍1
Exploring Web Workers in Angular
How to improve application performance and user experience with web workers in Angular - https://betterprogramming.pub/exploring-web-workers-in-angular-84b9949a4fab
#angular
How to improve application performance and user experience with web workers in Angular - https://betterprogramming.pub/exploring-web-workers-in-angular-84b9949a4fab
#angular
Medium
Exploring Web Workers in Angular
How to improve application performance and user experience with web workers in Angular
👍5
ChatGPT: Your New Best Friend in Frontend Development
Hello there! As a junior frontend developer, I am always on the lookout for new tools and technologies that… - https://medium.com/@yasincandev/chatgpt-your-new-best-friend-in-frontend-development-3a4b0b58786b
#chatgpt
Hello there! As a junior frontend developer, I am always on the lookout for new tools and technologies that… - https://medium.com/@yasincandev/chatgpt-your-new-best-friend-in-frontend-development-3a4b0b58786b
#chatgpt
Medium
ChatGPT: Your New Best Friend in Frontend Development
Hello there! As a junior frontend developer, I am always on the lookout for new tools and technologies that can help me improve my skills…
👍4👎4🤔1
Redirecting Unauthenticated Users with Protected Routes in the Next.js 13 App Directory
For Supabase Auth users, specifically. - https://www.youtube.com/watch?v=ywvXGW6P4Gs
#react
For Supabase Auth users, specifically. - https://www.youtube.com/watch?v=ywvXGW6P4Gs
#react
YouTube
Redirecting unauthenticated users with Protected Routes in the Next.js 13 App Directory
The Next.js 13 App Router makes it really easy to redirect users on the server, before a route is loaded.
In this video, Jon Meyers show how to configure Server Components to use cookie-based Auth, making the user's session available before the first SSR…
In this video, Jon Meyers show how to configure Server Components to use cookie-based Auth, making the user's session available before the first SSR…
👍4
You Might Not Need Jest
The Node.js Native Test Runner Is Great - https://pawelgrzybek.com/you-might-not-need-jest-the-node-js-native-test-runner-is-great/
#nodejs
The Node.js Native Test Runner Is Great - https://pawelgrzybek.com/you-might-not-need-jest-the-node-js-native-test-runner-is-great/
#nodejs
pawelgrzybek.com
You might not need Jest — the Node.js native test runner is great | pawelgrzybek.com
I would like to share some of my findings from early explorations of the native Node.js test runner. Sometimes it is more than enough, and you might not need a bulky framework.
👍11
Extending Vue Router Links in Vue 3
The router-link tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you’d want to use a regular tag - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3/
#vue
The router-link tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you’d want to use a regular tag - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3/
#vue
vueschool.io
Extending Vue Router Links in Vue 3 - Vue School Articles
Easily handle both internal and external links in Vue 3 by wrapping the router link component in your own custom AppLink component.
👍7
The Advanced Guide to the CSS :has() Selector
Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector
#css
Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector
#css
LogRocket Blog
The advanced guide to the CSS :has() selector - LogRocket Blog
The :has() pseudo-class has been a much-awaited addition to CSS - discover advanced implementations in this complete guide.
👍4
Angular app’s configuration
Angular framework is a perfect choice for developing enterprise applications. In such products, you will… - https://medium.com/javascript-everyday/angular-apps-configuration-1bbdd6019899
#angular
Angular framework is a perfect choice for developing enterprise applications. In such products, you will… - https://medium.com/javascript-everyday/angular-apps-configuration-1bbdd6019899
#angular
Medium
Angular app’s configuration
Angular framework is a perfect choice for developing enterprise applications. In such products, you will probably need to come up with a…
👍7
Mastering Microfrontends: Authentication with AWS Cognito
In the last post of this series, we will see how to take our previous microfrontend application and extend it… - https://medium.com/ama-tech-blog/mastering-microfrontends-authentication-with-aws-cognito-37d1ed63114a
#react
In the last post of this series, we will see how to take our previous microfrontend application and extend it… - https://medium.com/ama-tech-blog/mastering-microfrontends-authentication-with-aws-cognito-37d1ed63114a
#react
Medium
Mastering Microfrontends: Authentication with AWS Cognito
In the last post of this series, we will see how to take our previous microfrontend application and extend it to integrate with AWS Cognito…
👍8
nve 16.1: Run Things With a Specific Node.js Version
Execute a file, command, or REPL using a specific version (or multiple versions) of Node. For example, you could run npm test over multiple versions at once. v16.1 lets you specify a Node version stored in a package.json, .nvmrc, or similar file. - https://github.com/ehmicky/nve
#nodejs
Execute a file, command, or REPL using a specific version (or multiple versions) of Node. For example, you could run npm test over multiple versions at once. v16.1 lets you specify a Node version stored in a package.json, .nvmrc, or similar file. - https://github.com/ehmicky/nve
#nodejs
GitHub
GitHub - ehmicky/nve: Run any command on specific Node.js versions
Run any command on specific Node.js versions. Contribute to ehmicky/nve development by creating an account on GitHub.
👍5❤2
Backend for Frontend (BFF) Pattern in System Designing
When, how, and why you should use a backend-for-frontend pattern while designing the architecture for your… - https://blog.bitsrc.io/backend-for-frontend-bff-pattern-in-system-designing-501a71df6bf7
#bff
When, how, and why you should use a backend-for-frontend pattern while designing the architecture for your… - https://blog.bitsrc.io/backend-for-frontend-bff-pattern-in-system-designing-501a71df6bf7
#bff
Medium
Backend for Frontend (BFF) Pattern in System Designing
When, how, and why you should use a backend-for-frontend pattern while designing the architecture for your application.
👍9
Application Architecture for Angular Projects
This article is compiled from the documentation I’ve been creating for projects I lead. You can use it as a… - https://medium.com/@eugeniyoz/application-architecture-for-angular-project-17de7a1fbb8a
#angular
This article is compiled from the documentation I’ve been creating for projects I lead. You can use it as a… - https://medium.com/@eugeniyoz/application-architecture-for-angular-project-17de7a1fbb8a
#angular
Medium
Application Architecture for Angular Projects
This article is compiled from the documentation I’ve been creating for projects I lead. You can use it as a source of ideas or as a guide.
👍4
Developing a Single Page App with FastAPI and Vue.js
This blogpost is a step-by-step walkthrough of how to build and containerize a basic CRUD app with FastAPI, Vue, Docker, and Postgres. - https://testdriven.io/blog/developing-a-single-page-app-with-fastapi-and-vuejs/
#vue
This blogpost is a step-by-step walkthrough of how to build and containerize a basic CRUD app with FastAPI, Vue, Docker, and Postgres. - https://testdriven.io/blog/developing-a-single-page-app-with-fastapi-and-vuejs/
#vue
testdriven.io
Developing a Single Page App with FastAPI and Vue.js
The following is a step-by-step walkthrough of how to set up a basic CRUD app with Vue and FastAPI.
❤2👍2
CSS Color Architecture
One of the hardest things in programming languages is organizing code in a way that will be easy to… - https://medium.com/appwrite-io/css-color-architecture-ca5de26f2df7
#css
One of the hardest things in programming languages is organizing code in a way that will be easy to… - https://medium.com/appwrite-io/css-color-architecture-ca5de26f2df7
#css
Medium
CSS Color Architecture
One of the hardest things in programming languages is organizing code in a way that will be easy to understand and maintain.
👍9
5 Very Useful Tricks for TypeScript Typeof Operator
Master 5 TypeScript typeof operator tips to make your code cleaner. - https://javascript.plainenglish.io/5-very-useful-tricks-for-thetypescript-typeof-operator-404c0d30cd5
#typescript
Master 5 TypeScript typeof operator tips to make your code cleaner. - https://javascript.plainenglish.io/5-very-useful-tricks-for-thetypescript-typeof-operator-404c0d30cd5
#typescript
Medium
5 Very Useful Tricks for TypeScript Typeof Operator
Master 5 TypeScript typeof operator tips to make your code cleaner.
👍7❤2👎1
Demystifying React Server Components with Next.js 13
Half tutorial and half the author figuring things out, which works pretty well as an approach for such a new topic. - https://demystifying-rsc.vercel.app/
#react
Half tutorial and half the author figuring things out, which works pretty well as an approach for such a new topic. - https://demystifying-rsc.vercel.app/
#react
demystifying-rsc.vercel.app
Demystifying React Server Components with NextJS 13 App Router
Understand RSC by digging into the details of how it really works
👍3
Build Scalable Event-Driven Applications With Nest.js
We’ll explore a hands-on example of scalability issues that can happen and the common approaches to solving… - https://betterprogramming.pub/build-scalable-event-driven-applications-with-nest-js-28676cb093d0
#nodejs
We’ll explore a hands-on example of scalability issues that can happen and the common approaches to solving… - https://betterprogramming.pub/build-scalable-event-driven-applications-with-nest-js-28676cb093d0
#nodejs
Medium
Build Scalable Event-Driven Applications With Nest.js
We’ll explore a hands-on example of scalability issues that can happen and the common approaches to solving them.
👍5
Configuration in Nuxt 3: runtimeConfig vs appConfig
Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases. The two key parts of Nuxt 3's configuration system are runtimeConfig and appConfig. This article will explain the purpose and differences between these two options and show you how to use them. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig
#vue
Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases. The two key parts of Nuxt 3's configuration system are runtimeConfig and appConfig. This article will explain the purpose and differences between these two options and show you how to use them. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig
#vue
Masteringnuxt
Configuration in Nuxt 3
Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases.
👍3
Контент-менеджер для онлайн-тренажёра CodeRun
Яндекс
HR Tech — это подразделение в HR-департаменте, ответственное за создание, поддержку и бесперебойную работу огромного количества внутренних сервисов, существующих в единой экосистеме. Это продукты для сопровождения найма, обучения, организации рабочего расписания, командировок, нетворкинга и соревнований по программированию; профили сотрудников и поиск по ним, личный финансовый кабинет с прогнозом дохода, сервисы электронного документооборота и согласований, видеосвязь и трансляции, безопасные чаты, а также соцсети и спецпроекты.
CodeRun — это онлайн-тренажёр с каталогом задач для разработчиков.
Эксперты Яндекса и приглашённые специалисты собрали задачи с тренировок по алгоритмам от Яндекса, Yandex Cup и многих других мероприятий. Все задания разбиты по темам и уровням сложности.
Для любителей поломать голову в CodeRun есть сезонные треки по бэкенду, фронтенду, мобильной разработке, ML и аналитике данных.
За решение рейтинговых задач участники получают баллы, а лидеров рейтинга ждут призы.
Какие задачи у тебя будут:
- Создание и редактирование задач в разных направлениях на платформе;
- Управление контентом на веб-платформе;
- Вычитка и анализ текущих задач;
Требования:
- Наличие спортивных достижений в спортивном программирование (например ICPC);
- Опыт подготовки конестов, хакатонов или задач для любого вида соревнований по программированию;
- Знание и понимание алгоритмов
Откликнуться: https://clck.ru/35L8Fr
Для связи в тг: @ber_maria
Яндекс
HR Tech — это подразделение в HR-департаменте, ответственное за создание, поддержку и бесперебойную работу огромного количества внутренних сервисов, существующих в единой экосистеме. Это продукты для сопровождения найма, обучения, организации рабочего расписания, командировок, нетворкинга и соревнований по программированию; профили сотрудников и поиск по ним, личный финансовый кабинет с прогнозом дохода, сервисы электронного документооборота и согласований, видеосвязь и трансляции, безопасные чаты, а также соцсети и спецпроекты.
CodeRun — это онлайн-тренажёр с каталогом задач для разработчиков.
Эксперты Яндекса и приглашённые специалисты собрали задачи с тренировок по алгоритмам от Яндекса, Yandex Cup и многих других мероприятий. Все задания разбиты по темам и уровням сложности.
Для любителей поломать голову в CodeRun есть сезонные треки по бэкенду, фронтенду, мобильной разработке, ML и аналитике данных.
За решение рейтинговых задач участники получают баллы, а лидеров рейтинга ждут призы.
Какие задачи у тебя будут:
- Создание и редактирование задач в разных направлениях на платформе;
- Управление контентом на веб-платформе;
- Вычитка и анализ текущих задач;
Требования:
- Наличие спортивных достижений в спортивном программирование (например ICPC);
- Опыт подготовки конестов, хакатонов или задач для любого вида соревнований по программированию;
- Знание и понимание алгоритмов
Откликнуться: https://clck.ru/35L8Fr
Для связи в тг: @ber_maria
yandex.ru
Вакансия «Редактор задач в CodeRun» в Яндексе — работа в компании Яндекс для IT-специалистов
Работа в компании Яндекс для специалиста «Редактор задач в CodeRun» с уровнем квалификации от «Специалист» до «Специалист» — Высокая заработная плата и социальные гарантии в IT-компании России
💩6👍3
Can SVG Symbols Affect Web Performance?
Bart Stefański explores how SVG Symbols affect web performance. - https://bstefanski.com/can-svg-symbols-affect-web-performance
#css
Bart Stefański explores how SVG Symbols affect web performance. - https://bstefanski.com/can-svg-symbols-affect-web-performance
#css
👍5