Step 9 - React tutorial: Class components with propos
### Step 9 in the "React, TypeScript, and TDD" tutorial
Make a simple class component with a single prop, again with a TypeScript interface describing the props.
00:00 - Start
00:20 - Start by writing a failing test
00:28 - Provide boilerplate and let the IDE generate the imports
00:41 - Create the file for the failing test's missing component
00:44 - Some component boilerplate
00:45 - Fix the test's missing import
00:55 - See the IDE's warning about missing React import, let IDE fix that
01:25 - Another test for custom label, failing at first of course
01:41 - Set default props
01:55 - Implement the custom label functionality
02:01 - Save, tests pass
02:05 - Extract the inline interface information to a standalone interface
02:25 - Wire the component into the parent, with autocomplete on props
03:06 - Change the app test to also look for the new label
More on this tutorial step:
https://www.jetbrains.com/pycharm/guide/tutorials/react_typescript_tdd/class_props/
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 9 - React tutorial: Class components with propos», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.