28.06

Tips for planning and testing custom React hooks with Vitest and React Testing Library.

A classic typography technique of hand-authoring line breaks for balanced text blocks, comes to CSS.

Simple React Component That Makes Titles More Readable

Recently, we were adding some new functionality to our dashboard, and we wanted an experience like this: The basic features are: * The toggle should make an external request when clicked to change the setting * While the request is being made, a loading spinner should appear next to the toggle * If

Framework for requesting and realtime connection

In-depth tutorial on how to write Unit Tests & Integration Tests with Next.js & React. Code Repository (JavaScript): https://github.com/stuyy/nextjs-react-unit-testing-tutorial-javascript Code Repository (TypeScript): https://github.com/stuyy/nextjs-react-unit-testing-tutorial-typescript React Testing Library: https://testing-library.com/docs/react-testing-library/intro/ Next.js Testing Documentation: https://nextjs.org/docs/pages/building-your-application/optimizing/testing#jest-and-react-testing-library Jest Docs: https://jestjs.io/ Support the Channel: Become a Member: https://www.youtube.com/ansonthedeveloper/join Become a Patreon: http://patreon.com/stuyy Buy me a Coffee: http://ko-fi.com/anson Donate on Streamlabs: https://streamlabs.com/ansondevacademy/tip Donate on PayPal: https://paypal.me/ansonfoong Connect with me: Twitter: https://twitter.com/ansonthedev Discord: https://discord.gg/Gd5fAEJDQD GitHub: http://github.com/stuyy Twitch: http://twitch.tv/stuy 0:00 Intro - What are Unit Tests 4:30 Setup Project in JavaScript 17:23 Setup Project in TypeScript 25:00 Writing Our First Test 32:00 Searching for elements by text 38:00 Searching for Buttons 46:00 Searching for Input Fields 51:00 getByLabelText 53:00 getByPlaceholderText 55:00 getByDisplayValue 1:02:40 Assering Elements Not In Document 1:03:30 queryByText 1:08:44 Clicking on Buttons 1:14:24 Test appearance of elements that appear async 1:16:10 findBy queries 1:23:22 Mock Component Props 1:48:03 Mocking API Requests with msw 1:51:50 Installing & setup msw 2:03:30 Setup Next.js API routes 2:07:11 Fetching Data in Component 2:14:10 Install fetch polyfill 2:27:00 LoginForm Example

DayPicker is a date picker component for React, written in TypeScript.

Почему React занимается генерацией id? Что не так с uuid? Решает ли какие-то задачи этот хук? Насколько уникальны и стабильны эти id? На все эти вопросы вы найдете ответы в данном видео! Протестируйте Managed Kubernetes бесплатно в Selectel: https://slc.tl/s2v52 ERID: Kra23m7kV ------- ТГ канал с информацией о курсе от АйТи Синяк - https://t.me/it_sin9k ------- Поддержать Айти Синяка можно здесь: YouTube: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q/join boosty: https://boosty.to/sin9k Patreon: https://www.patreon.com/ITSin9k 00:00 Анонс темы 00:31 Selectel - Managed kubernetes 01:41 Вопросики к useId 02:24 Зачем нам такой странный id? 04:04 Масштабируем значимость хука 06:48 Почему useId часть React экосистемы? 08:10 Изучаем исходники useId 11:04 Что такое identifierPrefix? 11:32 Подводим итоги 12:40 Подписывайтесь! Подписаться на канал: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q?sub_confirmation=1 Twitter: https://twitter.com/it_sin9k ------------------------- Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом

Since I first got into advanced TypeScript, I've been in love with a particular pattern.