RUVIDEO
Поделитесь видео 🙏

Ignite Feed - Ignite: React

📁 Обучение 👁️ 16 📅 28.11.2023

ℹ️ Sobre
- O projeto Ignite Feed é um site de uma página para listar posts de um blog, criar e excluir comentários desses posts, um projeto simples sem muitas funcionalidades para praticar conceitos básicos.

- A acessibilidade também foi levada em consideração, com o uso da lib axe-core para testes e correções de acessibilidade assim como leitor de tela ChromeVox.

- É o 1º projeto do curso Ignite da trilha React 2022 da Rocketseat
- O site foi publicado com CI/CD por meio da plataforma Netlify.
- Acesse em: https://ignitefeed-aszurar.netlify.app
- Github: https://github.com/Aszurar/igniteFeed

⁉️ Motivo
- Esse projeto tem o objetivo de praticar os conceitos básicos do desenvolvimento web com React, componentes, propriedades, variável Estado, manipulações de variável Estado, estilização básica com CSS e a aplicação de CSS modules, e formas de passar dados/funções para componentes criados, além de praticar o uso de TypeScript e boas práticas de acessibilidade com axe-core.

- Temos funcionalidades e práticas como:
1. Listar posts de um blog
2. Criar comentários para esses posts
3. Excluir comentários desses posts
4. Melhoria de acessibilidade com testes e correções com axe-core e ChromeVox.
5. Uso do Radix UI para construção de Modais com melhor acessibilidade
6. Estilização com CSS modules

? Tecnologias Utilizadas
- O projeto foi desenvolvido utilizando as seguintes tecnologias:

1. axe-core/react: https://www.npmjs.com/package/@axe-core/react)
2. Date FNS: https://date-fns.org/
3. JavaScript: https://developer.mozilla.org/pt1.BR/docs/Web/JavaScript
4. Netlify: https://www.netlify.com/
5. NodeJS: https://nodejs.org/en/
6. Phosphor Icons: https://phosphoricons.com/
7. Radix UI: https://www.radix-ui.com/
8. React: https://pt1.br.react.dev/
9. Sentry: https://sentry.io/welcome/
10. TypeScript: https://www.typescriptlang.org/
11. Vite: https://vitejs.dev/
12. Yarn: https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/

#rocketseat #react #reactjs #javascript #typescript

Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Ignite Feed - Ignite: React», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.

Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.

Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!

Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.