Baby Reactjs В 135 Строках Кода

О ReactJS уже написано много статей.

Но чтобы начать учиться, начинающему программисту необходимо найти самое начало, где лежат основы его создания.

Я хотел показать, что нет ничего сложного в понимании принципов фронтенд-разработки с использованием этого фреймворка.



Baby ReactJS в 135 строках кода

Один метод исследования позволил мне понять структуру многих сложных программных систем и сводится к тому, что нужно переписать изучаемый проект так, чтобы получился какой-то неведомый зверь, который хоть немного двигается и чем-то похож своему прототипу.

Должен признаться, что я бэкендер и даже не знаю, что побудило меня написать микрофреймворк на JavaScript. Но если честно, это желание изучить JS. На самом деле, есть хорошая мотивация создавать проекты в виде модулей/компонентов.

В сознании серверных программистов данные в лучшем случае выглядят как объекты JSON; их надо сформировать в нужную структуру и отправить куда надо, а потом делать с ними что хочешь.

На фронтенде, в самом примитивном варианте, приходится выбирать нужные HTML-элементы по ID и обновлять их атрибуты, а также менять текстовые узлы.

Фреймворки JavaScript облегчают жизнь.

Когда-то я написал свой собственный PHP-Slim-фреймворк, который далек от оригинала, но он мне очень помогает в PHP-проектах.

Сегодня я хотел бы поговорить о том, как я представил истоки разработки ReactJS. Я написал один файл со 135 строками кода под названием bots.js, и если его подключить и написать компонент как в React, то можно даже что-то увидеть в браузере.

Я назвал его ReactKids. Идея состоит в том, чтобы разбить проект, который вы разрабатываете, на компоненты, добавить компоненты с помощью javascript и убедиться, что между компонентами нет зависимостей.

Стандартная структура HTML:

   

<!doctype html> <html>

Теги: #JavaScript #обучение #react.js #react #framework #детское программирование
Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.