Full-Stack TypeScript with tRPC and React
How to create a CRUD app with Node/Express on the server and React on the client while employing tRPC for communication between the two. - https://www.robinwieruch.de/react-trpc/
#react
How to create a CRUD app with Node/Express on the server and React on the client while employing tRPC for communication between the two. - https://www.robinwieruch.de/react-trpc/
#react
www.robinwieruch.de
Full-Stack TypeScript with tRPC and React
How to use tRPC with React for full-stack type safety with TypeScript ...
👍7❤3
Vue 3 - Why computed functions can make your code cleaner
One of the features that make Vue 3 stand out is its support for computed functions (Vue 2 also has this), which can help make your code a lot cleaner and more efficient. - https://medium.com/js-dojo/vue3-why-computed-functions-can-make-your-code-cleaner-b8e6c1f8d680
#vue
One of the features that make Vue 3 stand out is its support for computed functions (Vue 2 also has this), which can help make your code a lot cleaner and more efficient. - https://medium.com/js-dojo/vue3-why-computed-functions-can-make-your-code-cleaner-b8e6c1f8d680
#vue
Medium
Vue3 — why computed functions can make your code cleaner
Learn how to make the most of of Vue and computed functions. Make your code clean and more maintainable.
👍6
Are you making these five mistakes when writing alt text?
Daniel Sage outlines some common mistakes when writing alt text. - https://www.a11yproject.com/posts/are-you-making-these-five-mistakes-when-writing-alt-text
#css
Daniel Sage outlines some common mistakes when writing alt text. - https://www.a11yproject.com/posts/are-you-making-these-five-mistakes-when-writing-alt-text
#css
A11Yproject
How-to: Are you making these five mistakes when writing alt text? - The A11Y Project
When you ask them, most experts’ advice also boils down to: Describe what you see. And while it’s valid advice and may seem simple, it’s not.
❤4👍4
Refresh-proof your Pinia Stores
A common use case for all data stores is a need to persist data. So how do you persist Pinia state upon a browser refresh? In this tutorial, explore three different ways you can refresh-proof your Pinia stores. - https://medium.com/vue-mastery/refresh-proof-your-pinia-stores-ce2d8247cbe5
#vue
A common use case for all data stores is a need to persist data. So how do you persist Pinia state upon a browser refresh? In this tutorial, explore three different ways you can refresh-proof your Pinia stores. - https://medium.com/vue-mastery/refresh-proof-your-pinia-stores-ce2d8247cbe5
#vue
Medium
Refresh-proof your Pinia Stores
By default, the state in Pinia stores is cleared upon browser refresh. Look at 3 simple solutions for refresh-proofing your Pinia stores.
👍3❤1
Hexagonal Architecture with Angular
How to adapt hexagonal architecture to Angular ? Would it be beneficial ? This article answers these… - https://medium.com/@alet.aurelien/hexagonal-architecture-with-angular-7e4d070155ea
#angular
How to adapt hexagonal architecture to Angular ? Would it be beneficial ? This article answers these… - https://medium.com/@alet.aurelien/hexagonal-architecture-with-angular-7e4d070155ea
#angular
Medium
Hexagonal Architecture with Angular
How to adapt hexagonal architecture to Angular ? Would it be beneficial ? This article answers these questions using an Angular example.
👍4
npm Granular Access Tokens Now Generally Available
The granular access token feature on the npm registry is now generally available, allowing you to restrict token access to specific packages, set expiration dates, limit access by IP range, and more. - https://github.blog/changelog/2023-03-21-general-availability-of-granular-access-token-on-npm/
#nodejs
The granular access token feature on the npm registry is now generally available, allowing you to restrict token access to specific packages, set expiration dates, limit access by IP range, and more. - https://github.blog/changelog/2023-03-21-general-availability-of-granular-access-token-on-npm/
#nodejs
👍6
What is Vite and Why Use It Over Create React App? — Create React App has long been considered the de facto way to create new React apps, but Vite has become popular in the last year due to its ease of use and performance - https://luketheweb.dev/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app
#react
#react
Luke the Web Dev
What is Vite and Why Should You Use It Instead of Create React App?
Vite is the new kid on the block. Creat React App has lost its crown! Find out why you should be using Vite over Create React App in 2023.
👍4❤3
Front-end Testing Principles
5 principles to write better tests and give you full confidence to push new features into production.Writing… - https://itnext.io/front-end-testing-principles-c4a3b51aa7e5
#testing
5 principles to write better tests and give you full confidence to push new features into production.Writing… - https://itnext.io/front-end-testing-principles-c4a3b51aa7e5
#testing
Medium
Front-end Testing Principles
5 principles to write better tests and give you full confidence to push new features into production.Writing front-end tests can be very…
❤4👍2
7 Component Communications in Vue 3
In Vue.js, our larger application is broken into smaller components. In this article using the composition API, find out the 7 ways our Vue.js components communicate to share data. - https://javascript.plainenglish.io/7-component-communications-in-vue-3-f4d2d795481d
#vue
In Vue.js, our larger application is broken into smaller components. In this article using the composition API, find out the 7 ways our Vue.js components communicate to share data. - https://javascript.plainenglish.io/7-component-communications-in-vue-3-f4d2d795481d
#vue
Medium
7 Component Communications in Vue 3
All means of communication are available here
👍7😁1
Create an infinite-scrolling background
A beginner-friendly tutorial on using CSS keyframe animations to create an infinitely scrolling background effect. - https://blog.eleftheriabatsou.com/css-tutorial-create-an-infinite-scrolling-background
#css
A beginner-friendly tutorial on using CSS keyframe animations to create an infinitely scrolling background effect. - https://blog.eleftheriabatsou.com/css-tutorial-create-an-infinite-scrolling-background
#css
👍8❤4
Design Patterns: Simple Factory Pattern in TypeScript
Master the Simple Factory Pattern and Easily Handle the Creation of Objects. - https://javascript.plainenglish.io/design-patterns-simple-factory-pattern-in-typescript-ddb74e9d54eb
#typescript #pattern
Master the Simple Factory Pattern and Easily Handle the Creation of Objects. - https://javascript.plainenglish.io/design-patterns-simple-factory-pattern-in-typescript-ddb74e9d54eb
#typescript #pattern
Medium
Design Patterns: Simple Factory Pattern in TypeScript
Master the Simple Factory Pattern and Easily Handle the Creation of Objects.
👍7❤3
5 Different Techniques for Cross Micro Frontend Communication
The title itself signifies what we are going to discuss in this article. But before we even start, let’s try… - https://sharvishi9118.medium.com/cross-micro-frontend-communication-techniques-a10fedc11c59
#microfrontends
The title itself signifies what we are going to discuss in this article. But before we even start, let’s try… - https://sharvishi9118.medium.com/cross-micro-frontend-communication-techniques-a10fedc11c59
#microfrontends
Medium
Cross Micro Frontend Communication Techniques
The title itself signifies what we are going to discuss in this article. But before we even start, let’s try to understand that why cross…
❤6👍5
<Head>
Are you good in FrontEnd?
<Head/>
<Body>
We've created the unique coding game, launch in the browser with a 3d world and rewarding crypto.
Write code, have fun and earn TON, do interesting tasks from Junior to Senior level.
Follow this link and explore TONight world:
👉 https://cutt.ly/n7uXvJU
<Body/>
Are you good in FrontEnd?
<Head/>
<Body>
We've created the unique coding game, launch in the browser with a 3d world and rewarding crypto.
Write code, have fun and earn TON, do interesting tasks from Junior to Senior level.
Follow this link and explore TONight world:
👉 https://cutt.ly/n7uXvJU
<Body/>
👍6❤3👎1
Migrating from ts-node to Bun
Everyone’s coming after Node.js this week! Now it’s the turn of performance oriented Bun. - https://johnnyreilly.com/migrating-from-ts-node-to-bun
#nodejs
Everyone’s coming after Node.js this week! Now it’s the turn of performance oriented Bun. - https://johnnyreilly.com/migrating-from-ts-node-to-bun
#nodejs
Johnnyreilly
Migrating from ts-node to Bun | johnnyreilly
Migrating from ts-node to Bun is surprisingly easy - this post ports a console app from ts-node to Bun and compares performance.
👍8❤2
Meet the React.js Core Team
The new React documentation site has a neat page showing off the hard working souls on the React development team from long-time members like Sophie Alpert and Dan Abramov, to newer folks like Mengdi Chen. - https://react.dev/community/team
#react
The new React documentation site has a neat page showing off the hard working souls on the React development team from long-time members like Sophie Alpert and Dan Abramov, to newer folks like Mengdi Chen. - https://react.dev/community/team
#react
react.dev
Meet the Team – React
The library for web and native user interfaces
👍8
A Pure CSS Gallery Focus Effect with :not
Krzysztof Gonciarz shows how to use :not() to add styles to all elements inside the container but not the hovered one. - https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not
#css
Krzysztof Gonciarz shows how to use :not() to add styles to all elements inside the container but not the hovered one. - https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not
#css
CSS-Tricks
A Pure CSS Gallery Focus Effect with :not | CSS-Tricks
Oftentimes in the past, I needed to figure out how to add styles to all elements inside the container but not the hovered one.
👍9👎1
How to Structure a Large Scale Vue.js Application
What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows? This article provides a practical guide to making large scale Vue.js applications predictable. - https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/
#vue
What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows? This article provides a practical guide to making large scale Vue.js applications predictable. - https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/
#vue
vueschool.io
How to Structure a Large Scale Vue.js Application - Vue School Articles
What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows?
👍8
Angular advanced features and tips you may not know about
You’ve probably read a million articles with a similar title. I know I have. In this article I have compiled… - https://codereacter.medium.com/angular-advanced-features-and-tips-you-may-not-know-about-cae3b8527184
#angular
You’ve probably read a million articles with a similar title. I know I have. In this article I have compiled… - https://codereacter.medium.com/angular-advanced-features-and-tips-you-may-not-know-about-cae3b8527184
#angular
Medium
Angular advanced features and tips you may not know about
You’ve probably read a million articles with a similar title. I know I have. In this article I have compiled a list of features and tips of…
👍9
Books for Great Software Architects
It has been common to see posts and articles talking about what a software architect must read and what your… - https://haitham-raik.medium.com/books-for-great-software-architect-34c81fc70e12
#architecture #books
It has been common to see posts and articles talking about what a software architect must read and what your… - https://haitham-raik.medium.com/books-for-great-software-architect-34c81fc70e12
#architecture #books
Medium
Books for Great Software Architects
It has been common to see posts and articles talking about what a software architect must read and what your book library, as an architect…
👍6