React | Разработка приложений

Ошибка, которую будешь долго искать в проекте и не понимать в чем дело. Внимательно смотрите на URL и не ставьте пробелы в адресе запроса.

Названия компонентов должны начинаться с большой буквы Если название элемента начинается с маленькой буквы, он ссылается на встроенный компонент, к примеру <div> или <span>, что в результате приведёт к тому, что в React.createElement будет передана строка 'div' или 'span'. Компоненты, начинающиеся с заглавной буквы, такие как <Wrapper /> и <User />, компилируются в React.createElement(Wrapper) и React.createElement(User) и соответствуют компонентам, которые были объявлены или импортированы в вашем JavaScript-файле. Простыми словами, компилятор может принять компоненту с маленькой буквы за HTML тег.

Именование компонента Называйте файлы так же как и компоненты. Например, ReservationCard.jsx должен содержать внутри компонент ReservationCard. Однако корневые компоненты в директории должны лежать в файле index.jsx, и в этом случае название папки должно быть таким же, как название компонента.

Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся:@HtmlGram

Избегайте проверки типов TypeScript является надмножеством синтаксиса JavaScript и добавляют дополнительные статические проверки типов для языка. Всегда предпочитайте указывать типы переменных, параметров и возвращаемых значений, чтобы использовать всю мощь TypeScript. Это делает будущий рефакторинг более легким.

Давайте разберём, что именно здесь происходит:/ - вызываем root.render() c React-элементом <App />. - React вызывает компонент App. - компонент App возвращает элемент  <div>Hello</div> в качестве результата. - React DOM делает минимальные изменения в DOM, чтобы получилось <div>Hello</div>. Всегда называйте компоненты с заглавной буквы. Если компонент начинается с маленькой буквы, React принимает его за DOM-тег. Например, <div /> это div-тег из HTML, а <App /> это уже наш компонент App, который должен быть в области видимости.

<head> Разбираешься во Front-End? </head> <body> Мы создали уникальную игру для программистов прямо в браузере с 3d миром будущего и с ревардами в криптовалюте. Пиши код, развлекайся и зарабатывай TON, выполняя интересные задачи от уровня Junior до уровня Senior! Перейди по ссылке и исследуй мир TONight: 👉 https://clck.ru/347ZjQ  </body>

Подчеркивание в именах методов Не используйте подчеркивание в любых внутренних методах.

Используйте деструктуризацию объектов Одна из возможностей JS сделает ваш код более читаемым.

Не указывайте значение свойства, когда оно явно true.

Используйте шаблонные строки (литералы) Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.

Удалите JS из JSX Уберите весь код JavaScript из JSX-разметки, если он не служит какой-либо цели рендеринга или функциональности UI.

Удалите JS из JSX Уберите весь код JavaScript из JSX-разметки, если он не служит какой-либо цели рендеринга или функциональности UI.

Используйте деструктуризацию объектов Одна из возможностей JS сделает ваш код более читаемым.

Не можешь написать ни строчки на собеседовании? Не знаешь, что будут спрашивать? Боишься лайв кода? Теперь в телеграмм есть канал, где Senior разработчик помогает разобраться в сложных аспектах JavaScript. Он бесплатно снимает большие курсы по разным технологиям на YouTube Информация и примеры кода с более 100 собеседований на разные позиции и случаи жизни Более 20 бесплатных экспресс курсов на канале Не бойся ничего, просто переходи😎 ДЖАВАСКРИПТИЗЕРЫ

100к за курс? Да вы совсем е***? Дружище, всё доступно бесплатно, то есть даром Архиватор – чтобы не продавать почку за курсы Успевай зайти – @Archivator_TG

Свойствам помеченным модификатором  readonly  значение может быть присвоено только в момент инициализации, или в конструкторе того же класса. Любые другие присваивания значении запрещены.

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Регистрируйтесь по ссылке: https://telega.in/c/react_org 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Всегда используйте camelCase для названий свойств или PascalCase, если значение является React-компонентом.

Использовать 'any' Плюсы: - Вы не хитрите и не пишете костылей. - Вы сознательно показываете, что в будущем код стоит доработать. - Подобный тип легко найти поиском по проекту. Минусы: - Слишком частое использование этого приема вряд ли принесет пользу. - Нужна сознательность и ответственность, чтобы в будущем убрать такие затычки.