How to Start a React Project in 2023
There are lots of ways, but this well-regarded author explains the pros and cons of a few approaches, and gives you a few options targeting specific use cases you might have. - https://www.robinwieruch.de/react-starter/
#react
There are lots of ways, but this well-regarded author explains the pros and cons of a few approaches, and gives you a few options targeting specific use cases you might have. - https://www.robinwieruch.de/react-starter/
#react
www.robinwieruch.de
How to start a React Project [2025]
React starter kits (Vite, Next, Astro, Remix, React Router) which help React developers to start a React project in 2025 ...
👍8
Most Useful Angular Features You’ve Probably Never Used - https://javascript.plainenglish.io/most-useful-angular-features-youve-probably-never-used-a64522e747a9
#angular
#angular
Medium
Most Useful Angular Features You’ve Probably Never Used
In this article, we’ll highlight some of the most useful Angular features you may have never heard of.
👍6❤3
CSS Masking
Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking
#css
Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking
#css
Ishadeed
CSS Masking
A deep dive into CSS masking
👍6❤2
Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:
• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
• познакомиться с теорией и отработать её на практике в больших проектах;
• научиться брать ответственность за решения и вкладываться в общий результат;
• самостоятельно декомпозировать задачи и распределять время;
• исследовать смежные сферы программирования, без которых невозможен фронтенд:
• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Начать учиться: https://practicum.yandex.ru/middle-frontend/
• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
• познакомиться с теорией и отработать её на практике в больших проектах;
• научиться брать ответственность за решения и вкладываться в общий результат;
• самостоятельно декомпозировать задачи и распределять время;
• исследовать смежные сферы программирования, без которых невозможен фронтенд:
• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Начать учиться: https://practicum.yandex.ru/middle-frontend/
🤮4👍2
Extending Vue Component Templates
Do you find yourself wanting to extend a component’s template? Vue provides several means of extracting and reusing the component logic and state, but templates are deemed single-use only. - https://medium.com/js-dojo/extending-vue-component-templates-1394a7ddc904
#vue
Do you find yourself wanting to extend a component’s template? Vue provides several means of extracting and reusing the component logic and state, but templates are deemed single-use only. - https://medium.com/js-dojo/extending-vue-component-templates-1394a7ddc904
#vue
Medium
Extending Vue Component Templates
Do you find yourself wanting to extend a component’s template? Vue provides several means of extracting and reusing the component logic…
❤4👍3
FrontEnd Development pinned «Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: • разработать…»
5 Microfrontend Practices
Hello, i will share some of the many practices used in microfrontend. Go! - https://medium.com/@davifsroberto/5-microfrontend-pratices-84d843958754
#microfrontends
Hello, i will share some of the many practices used in microfrontend. Go! - https://medium.com/@davifsroberto/5-microfrontend-pratices-84d843958754
#microfrontends
Medium
5 Microfrontend Practices
Hello, i will share some of the many practices used in microfrontend. Go!
👍14
Angular Template Driven vs. Reactive Forms - https://www.syncfusion.com/blogs/post/angular-template-driven-vs-reactive-forms.aspx
#angular
#angular
Syncfusion Blogs
Angular Template Driven vs. Reactive Forms
Template-driven and reactive forms help ease form creation in Angular. This article helps you choose the right approach in different scenarios.
👍6❤1
Trying Node's Built-In Test Runner
In 2022, Node gained an experimental built-in test runner (node:test). It’s going to become stable in the forthcoming Node v20, so it’s a good time to look at how it works and how it compares to other solutions you might already be using. - https://glebbahmutov.com/blog/trying-node-test-runner/
#nodejs
In 2022, Node gained an experimental built-in test runner (node:test). It’s going to become stable in the forthcoming Node v20, so it’s a good time to look at how it works and how it compares to other solutions you might already be using. - https://glebbahmutov.com/blog/trying-node-test-runner/
#nodejs
Better world by better software
Trying Node.js Test Runner
In March of 2022 Node.js got a new built-in test runner via node:test module. I have evaluated the test runner and made several presentations showing its features and comparing the new built-in test r
👍6
Internationalization in Next.js 13 With React Server Components
An example of creating a multilingual app that uses next-intl to implement the i18n with minimal client-side footprint. - https://www.smashingmagazine.com/2023/03/internationalization-nextjs-13-react-server-components/
#react
An example of creating a multilingual app that uses next-intl to implement the i18n with minimal client-side footprint. - https://www.smashingmagazine.com/2023/03/internationalization-nextjs-13-react-server-components/
#react
Smashing Magazine
Internationalization In Next.js 13 With React Server Components — Smashing Magazine
Based on an example of a multilingual app that displays street photography images from Unsplash, Jan Amann explores next-intl to implement all internationalization needs in React Server Components and shares a technique for introducing interactivity with…
👍7
Vue Real Life Transitions and Micro-Interactions
In this article, Fotis investigates different options to create transitions and micro-interactions. - https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8
#vue
In this article, Fotis investigates different options to create transitions and micro-interactions. - https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8
#vue
Medium
Vue 3 Real Life Transitions and Micro-Interactions
Vue provides a simple and elegant way of handling animations. You can easily apply them by adding a <transition /> directive that does all…
🔥4👍2
6 CSS Snippets Every Front-End Developer Should Know in 2023
Adam Argyle shares a number of handy CSS tips. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023
#css
Adam Argyle shares a number of handy CSS tips. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023
#css
web.dev
6 CSS snippets every front-end developer should know in 2023 | Articles | web.dev
Toolbelt worthy, powerful, and stable CSS you can use today.
👍5🔥3
Code Review Checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review… - https://vinuvasudev.medium.com/code-review-checklist-bab2bd65a729
#coderiview #checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review… - https://vinuvasudev.medium.com/code-review-checklist-bab2bd65a729
#coderiview #checklist
Medium
Code Review Checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review and helps to focus on our…
👍8❤4
The State of Node.js 2023
One of This Dot Media’s occasional livestreams where they bring together well known names from a particular area to talk about the state of a technology. This time, James Snell, Beth Griggs, Michael Dawson, and Matteo Collina logged on to talk about all things Node related including the imminent release of Node 20, the importance of the working groups, security, certifications, and more. - https://www.youtube.com/watch?v=Yl5mVte-wdw
#nodejs
One of This Dot Media’s occasional livestreams where they bring together well known names from a particular area to talk about the state of a technology. This time, James Snell, Beth Griggs, Michael Dawson, and Matteo Collina logged on to talk about all things Node related including the imminent release of Node 20, the importance of the working groups, security, certifications, and more. - https://www.youtube.com/watch?v=Yl5mVte-wdw
#nodejs
YouTube
State of node.js 2023
In this month’s State of The Web event, we’re bringing you the State of node.js. We’ll be discussing updates, LTS releases and APIs with node.js maintainers, technical steering committee members and collaborators. Join us live and get the opportunity to learn…
👍4
Where Did Hooks Come From?
With apologies to the philosopher Santayana, “those who cannot remember the past are condemned to repeat it”. So here’s a quick history lesson on from whence React hooks came, lest we start going ‘round in circles. - https://reacttraining.com/blog/where-did-hooks-come-from
#react
With apologies to the philosopher Santayana, “those who cannot remember the past are condemned to repeat it”. So here’s a quick history lesson on from whence React hooks came, lest we start going ‘round in circles. - https://reacttraining.com/blog/where-did-hooks-come-from
#react
ReactTraining.com
Where did Hooks come from?
React Corporate Workshops, Training, and Consulting
👍5❤1👎1
Router’s loadChildren Callback Doesn’t Have To Be A Fat-Arrow In Angular 14 - https://www.bennadel.com/blog/4336-routers-loadchildren-callback-doesnt-have-to-be-a-fat-arrow-in-angular-14.htm
#angular
#angular
Bennadel
Router's loadChildren Callback Doesn't Have To Be A Fat-Arrow In Angular 14
Ben Nadel demonstrates that lazy-loaded routes in Angular 14 doesn't have to use a Fat-arrow syntax, even if that's what the documentation indicates.
❤3👍2
Trigonometric Functions in CSS
Bramus Van Damme shows how to calculate the sine, cosine, tangent, and more in CSS. - https://web.dev/css-trig-functions
#css
Bramus Van Damme shows how to calculate the sine, cosine, tangent, and more in CSS. - https://web.dev/css-trig-functions
#css
web.dev
Trigonometric functions in CSS | Articles | web.dev
Calculate the sine, cosine, tangent, and more in CSS.
👍5
My 9 Favorite Design Patterns in JavaScript
Design patterns are reusable solutions for common problems that occur during software development. Here are… - https://blog.bitsrc.io/my-9-favorite-design-patterns-in-javascript-9d2a09651d08
#patterns
Design patterns are reusable solutions for common problems that occur during software development. Here are… - https://blog.bitsrc.io/my-9-favorite-design-patterns-in-javascript-9d2a09651d08
#patterns
Medium
My 9 Favorite Design Patterns in JavaScript
Design patterns are reusable solutions for common problems that occur during software development. Here are my 9 favorites for JavaScript
👍5
Integrate reCaptcha V3 on Nuxt3 app
ReCAPTCHA is a free CAPTCHA system provided by Google and by adding reCAPTCHA to a site, web hosts can distinguish between human and automated access, which enables them to block automated software while helping their welcome users to enter with ease. Learn all about adding the Google recaptcha feature to your Nuxt 3 application. - https://dev.to/elquimeras/integrate-recaptcha-v3-on-nuxt3-app-1gma
#vue
ReCAPTCHA is a free CAPTCHA system provided by Google and by adding reCAPTCHA to a site, web hosts can distinguish between human and automated access, which enables them to block automated software while helping their welcome users to enter with ease. Learn all about adding the Google recaptcha feature to your Nuxt 3 application. - https://dev.to/elquimeras/integrate-recaptcha-v3-on-nuxt3-app-1gma
#vue
DEV Community
Integrate reCaptcha V3 on Nuxt3 app
“CAPTCHA” stands for “Completely Automated Public Turing test to tell Computers and Humans...
👍2👏2❤1
11 Advanced React Interview Questions you should absolutely know
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought… - https://tapajyoti-bose.medium.com/11-advanced-react-interview-questions-you-should-absolutely-know-with-detailed-answers-e306083ecb7d
#react #interview
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought… - https://tapajyoti-bose.medium.com/11-advanced-react-interview-questions-you-should-absolutely-know-with-detailed-answers-e306083ecb7d
#react #interview
Medium
11 Advanced React Interview Questions you should absolutely know (with detailed answers)
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought you to the right place…
👍7🥰2
Mastering Yarn's Lifecycle with Hooks
Aims to equip you with the knowledge needed to create your own Yarn plugins and “elevate your package management game”. - https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/
#nodejs
Aims to equip you with the knowledge needed to create your own Yarn plugins and “elevate your package management game”. - https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/
#nodejs
scinos.dev
Mastering Yarn's lifecycle with hooks
Learn how to create custom Yarn plugins and take your Node.js package management to the next level. In this tutorial, you will master Yarn's lifecycle hooks by creating a plugin that checks whether the environment is correctly set up. Whether you're a beginner…
👍4