React Native: Learn & Practice

Code Play

Містить рекламу

Про цей додаток

Вивчайте React Native за допомогою коротких пояснень, практичних прикладів коду та невеликих завдань. Ознайомтеся зі 148 уроками в 10 модулях, відкрийте приклад на майданчику кодування та змініть його, щоб зрозуміти, як працює інтерфейс.

Чіткий шлях від основ до практики
Почніть з тексту, представлень, змінних, компонентів, зображень та стилів. Продовжуйте з макетами Flexbox, формами, введенням тексту, кнопками, сенсорною взаємодією, прокручуванням та списками. Пізніші модулі представляють гачки, компоненти багаторазового використання, управління станами, концепції продуктивності, адаптивні макети та практичні проекти.

Прочитайте ідею перед редагуванням
Кожен урок об'єднує мету, огляд простою мовою, ключові ідеї, код, практичні поради, невелике завдання та питання для самостійного перегляду. Перегляньте приклад разом з його поясненням, а потім відкрийте редаговану версію, коли будете готові експериментувати. Мітки для початківців, середніх рівнів та практики допоможуть вам зрозуміти, де кожна тема знаходиться в курсі.

Спробуйте власні зміни
Використовуйте вбудований редактор JavaScript та JSX для налаштування тексту, значень, стилів та поведінки компонентів. Підсвічування синтаксису та номери рядків полегшують сприйняття прикладів. Функції «Скасувати» та «Повторити» допомагають вам досліджувати зміни, тоді як «Скинути код» відновлює початковий приклад. Натисніть «Запустити програму», щоб відкрити попередній перегляд у програмі, а потім поверніться до редагування для ще однієї спроби.

Дослідіть корисні шаблони
Вивчайте контрольовані вхідні дані, перевірку форм, видимість паролів, лічильники символів, фільтрацію списків, елементи, що вибираються, та порожні стани. Практикуйте з лічильниками, таймерами, годинником у реальному часі, конвертером температури, калькулятором чайових, картками, акордеоном, простими вкладками та міні-списком справ. Це навчальні приклади, які дозволяють вам дослідити, як невеликі частини інтерфейсу поєднуються між собою.

Знайдіть потрібний урок
Шукайте заголовки уроків або звужуйте бібліотеку за модулем. Перемикайтеся між усіма уроками, уроками, що виконуються, збереженими обраними та завершеними уроками. Використовуйте елементи керування «Попередній» та «Наступний» або проведіть пальцем між уроками. Коли ви відкриваєте урок з відфільтрованої бібліотеки, навігація слідує за цим вибором, щоб ви могли залишатися з обраними вами темами.

Слідкуйте за своїм навчанням
Додавайте уроки до закладок для перегляду та позначайте їх як завершені, коли будете готові. На головному екрані відображається прогрес курсу, кількість завершених та збережених записів, а також серія навчання. Відновіть попередній урок або перейдіть до наступної незавершеної теми. Прогрес та закладки зберігаються локально на вашому пристрої.

Поверніться до своїх експериментів
Запуск прикладу зберігає його код як локальний чернетку для цього уроку. Знову відкрийте ігровий майданчик, щоб відновити чернетку, або скиньте його, щоб повернутися до початкового коду. Це полегшує повернення до ідеї після перерви без заміни початкового матеріалу.

Виберіть зручний вигляд
Виберіть світлий режим, темний режим або системну тему для навчального інтерфейсу. Прочитайте концепцію, перевірте її код, внесіть одну цілеспрямовану зміну та скористайтеся завданням, щоб потренуватися її застосовувати.

Розроблено для студентів, початківців, які цікавляться кодуванням, та розробників, які переглядають концепції мобільного інтерфейсу. Приклади працюють у веб-версії попереднього перегляду; API та поведінка, що залежать від платформи, можуть відрізнятися від нативного додатка. Додаток містить рекламу. Незалежний освітній додаток; не пов'язаний з проектом React Native та не схвалений ним.