React, JSX, props, состояния, начальная загрузка
В следующем блоге я собираюсь объяснить, что я узнал из общего аспекта веб-разработчика, а также я собираюсь немного объяснить реакцию, как реакция облегчает жизнь программисту или веб-разработчику и наконец, я собираюсь рассказать вам о своем путешествии по написанию реагирующего кода.
Общие аспекты веб-разработки
Все считают, что веб-разработчик — это тот, кто пишет много кода и только это, но теперь, когда я на полпути к своей цели научиться стать веб-разработчиком, я верю в тот факт, что разработчику требуется нечто большее, чем просто навык кодирования, но и они требуют наличия многих других различных навыков. Я считаю, что первым навыком или способностью, которой должен обладать веб-разработчик, является «организация», потому что с этой способностью как веб-разработчик я могу сэкономить много времени при отладке (пытаясь найти ошибки), а также я могу иметь удобочитаемый код, который другие программисты могут легко понять. Следующим навыком, которым, по моему мнению, должен обладать программист или разработчик, является «исследование», потому что с помощью этого навыка как веб-разработчика я могу найти новые способы выполнения определенных кодов или найти новые методы для определенной цели в своем коде. Последний другой навык, которым должен обладать веб-разработчик, — это «разумное мышление», потому что у меня есть хорошие способы провести исследование, но если вы не понимаете данные, я никогда не смогу правильно написать свой код.
Что такое реакция и как она работает?
React – это библиотека JavaScript, которая позволяет пользователю отображать код по компонентам вместо того, чтобы хранить весь код в одном файле JavaScript. Это означает, что если я хочу спроектировать определенный компонент, а затем визуализировать этот компонент в своем приложении, я могу просто спроектировать свой компонент в файле JavaScript, а затем прикрепить его к исходному файлу или файлу JavaScript приложения. Я могу это сделать, потому что React использует JSX для преобразования языка реагирования в язык, понятный JavaScript. Другими словами, JSX — это транслятор React для JavaScript.
React действительно мощен, поскольку позволяет мне использовать HTML в JavaScript, а также передавать или присоединять различные компоненты к основному файлу JS. React также позволяет программисту сохранять состояния, в которых вы в основном храните данные, такие как массив, строка, объект, ЭСТ. Эти состояния очень полезны, поскольку их можно обновлять или изменять в зависимости от их использования. React также очень полезен, потому что он позволяет разработчику передавать данные из одного компонента в другой или передавать функции в другой объект, что может быть очень приятно, потому что, например, я могу использовать одну и ту же функцию в другом компоненте или использовать те же данные для другого. компонент.
React передает данные или функции, используя что-то, называемое реквизитами. Реквизиты — это в основном ссылки от одного компонента к другому, относящиеся к специфическая функция данных. В React реквизиты — это лучший способ передачи данных из одного компонента в другой, поскольку он позволяет изменять данные во всех компонентах, которые содержат одинаковые реквизиты, если вы вносите изменения в основной файл, где вы впервые сохранили эти данные или функцию. У реквизитов есть ограничение, которое в основном говорит о том, что реквизиты могут передаваться только вниз или вверх, но они никогда не могут передавать данные справа налево или слева направо. Это означает, что, например, если у вас есть два разных компонента, прикрепленных к основному файлу, и оба они содержат определенные данные, которые вы хотите передать друг другу, эти данные могут быть переданы в основной файл, но не в другой компонент, который также прикрепите его к основному файлу. По этой причине разработчик должен знать, что основной файл или файл JS, в котором отображаются все компоненты, должен содержать данные, которые будут использоваться несколькими компонентами.
Bootstrap – это библиотека, позволяющая создавать адаптивные стили. Это означает, что начальная загрузка позволяет разработать приложение таким образом, чтобы все могли его правильно увидеть. Другими словами, начальная загрузка — это инструмент, который позволяет создавать приложения для многих видов устройств, таких как планшеты, мобильные телефоны, компьютеры и т. д. Bootstrap использует имена классов для классификации определенных действий в вашем CSS. Например, представьте, что у меня есть приложение с белым фоном, но я хочу, чтобы этот фон был черным. Если я хочу, я могу сделать это в CSS, я могу сделать это, обратившись к конкретному компоненту и добавив свойство в свой CSS, но с бутстрапом мне даже не нужно использовать CSS, потому что бутстрап имеет много разных шаблонов в зависимости от класса имя, которое вы хотите использовать. В общем, я могу просто использовать bootstrap, а не CSS, потому что у bootstrap есть много разных шаблонов CSS в зависимости от моей необходимости.
React и Bootstrap в настоящее время требуются большинству работодателей, потому что они организованы, но также очень эффективны с точки зрения времени, что делает их идеальный выбор для компании с быстро меняющейся средой.
Мое путешествие с кодом React
Я помню тот день, когда я говорил со своим наставником о том, как React будет чувствовать себя настоящим программистом, но я не знал, почему он сказал это, потому что я чувствовал, что, несмотря на то, что JavaScript сложен, это также очень полная программа. . Позже я начал понимать, почему мой профессор говорит: «React заставит вас почувствовать себя настоящим программистом», и причина этого факта в том, что я заметил, что React не только очень организован, но и более компактен. По этой причине я чувствовал, что могу сделать так много за короткий промежуток времени, не сойдя с ума, как раньше делал на проходе, просто используя чистый ванильный JavaScript. После того, как я закончил этап React, я не только понял слово, которое мне сказал мой наставник, но также узнал, что React — отличный инструмент для производства работы в компании, который определенно изменит ситуацию в любой компании, поэтому я верю, что многие компании в настоящее время не только нужен веб-разработчик с опытом работы с React, но они также считают, что управление React — отличный навык для веб-разработчика.
