У цьому сюжетному сюжеті до спарень Сара Драснер приєднується до мене та проводить мене через деякі мої найперші навчання React. Ми займаємось деякими функціональними можливостями в стилі "реального світу": формою коментарів.
Це виявилось досить корисним фрагментом інтерфейсу для роботи, оскільки для реагування потрібно було багато принципових речей (або, принаймні, мені здається). Наприклад, головний «Додаток», який має справу з state(наша велика «держава» - це самі коментарі) та компоненти, які займаються наданням подання (наприклад, форма коментаря є компонентом, а кожен коментар - компонентом).
Потім ми потрапили в безліч менших штучок React, але також величезні речі, які потрібно зрозуміти в React-land, такі як:
props- спосіб передачі даних між компонентами. Вони виглядають як атрибути HTML, коли ви їх надсилаєте, і надходять як об’єкт у вигляді this.props.refs- як ви виймаєте дані з елемента форми, який ми створили.keys- спосіб однозначної ідентифікації компонента при його повторенні. Тут ми повторюємо коментарі (коментарів може бути кілька), тому, якщо ми маємо функціональність, яка може змінити будь-який з них, наявність ключа - це те, що робить React ефективним (він може просто замінити цей єдиний коментар замість усіх) .
Плюс ще на тонну!
Ось демонстрація, над якою ми працювали:
Дивіться «Ручка, що починає форму реагування на реагування» Кріса Койєра (@chriscoyier) на CodePen
Як ви вирівняєте своє навчання React поза цим? Починай тут.