Step 10 - React tutorial: Model Class State with TypeScript interfaces
### Step 10 in the "React, TypeScript, and TDD" tutorial
Make a very simple class component with local counter state, then make an interface for that state.
00:00 - Start
00:23 - Start with a failing test
00:39 - Add an interface to model the state
00:53 - Add this as the second interface in the generic (props and state)
00:57 - Component constructor, including state initializing
01:38 - Change the TSX to display that state (the count)
01:48 - The tests now pass
01:57 - Allow passing in a prop for counter starting value, starting with a test
02:02 - "Fail faster" thanks to TypeScript
02:20 - Optional starting value in interface
02:23 - Provide default prop value
02:30 - The state gets its starting value from this optional prop
03:12 - Type guard for complaint about possible missing value
More on this tutorial step:
https://www.jetbrains.com/pycharm/guide/tutorials/react_typescript_tdd/class_state/
The rest of this "React, TypeScript, and TDD" tutorial:
https://www.jetbrains.com/pycharm/guide/tutorials/react_typescript_tdd/
See tips, tutorials, and more in the PyCharm Guide:
https://www.jetbrains.com/pycharm/guide/tips/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Step 10 - React tutorial: Model Class State with TypeScript interfaces», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.