Кровавые гугл-пальцы и бесконечные циклы ☠️

Я думаю, что за последние две недели я сделал столько поисковых запросов в Google, сколько обычно делаю за несколько месяцев (!). Столько вопросов, столько текста! React и JSX очень забавны и очень логичны, но есть части, которые не так легко усваиваются, как другие…

Я даже не могу сосчитать, сколько раз я создавал бесконечный цикл и переводил свой браузер в 💥 или ждал значений, которые никогда не меняются в асинхронных функциях состояния. 🐌

Однако каким-то образом мне все же удалось создать пару новых сайтов! 🏆 Внизу поста будет небольшой демо-раздел. 🤗

На этой неделе я имел честь просмотреть два проекта моих одноклассников. Скажем так, это так же познавательно, как и написание собственного кода, за исключением того, что вам не нужно писать ни одной фигурной скобки самостоятельно. Беспроигрышный вариант!

Вот некоторые из моих выводов из этих обзоров кода 💁‍♀️:

"Что означает ~ в CSS?"
Короче говоря, это способ перейти к следующему ‹› на том же уровне (не дочернем) в вашем коде. Прочитайте красивое объяснение на StackOverflow 👉 здесь или 💥ПОЛНОЕ💥 объяснение на w3 👉 здесь.

"Что делает scroll-behavior: smooth в CSS?"
Моя одноклассница Агнес очень хорошо использовала это для своего проекта-опроса. При ответе на один вопрос страница плавно прокручивалась до следующего, вместо того, чтобы прыгать туда. (Это не повлияет на прокрутку с помощью мыши. Мне потребовалось около 3 прочтений статьи ниже, чтобы узнать об этом. 😌😬) Подробнее о плавной прокрутке 👉 здесь.

«Что значит !! означает в JavaScript?»
Он преобразует объект в логическое значение, т.е. правда/ложь. Если значение объекта установлено на 0, нуль, неопределенное или подобное, оно будет преобразовано в «ложь», в противном случае оно будет «истинным».

Запомни это по бах, бац, ты булев — Гас 💥

"Как просмотреть неопубликованную страницу на телефоне, не разворачивая ее?"
Это был отличный совет от моего одноклассника Акселя. Если вы хотите увидеть свою локальную веб-страницу на своем телефоне, убедитесь, что вы подключены к тому же Wi-Fi, что и компьютер, и перейдите по пути, состоящему из вашего локального IP-адреса + порта, используемого для локального хоста. Полностью статью читайте 👉 здесь.

Например, если бы я работал на localhost:8080 и мой локальный IP-адрес — 123.45.67.890, в браузере моего мобильного устройства я бы перешел на http://123.45.67.890:8080.

Тем не менее, мой самый большой вопрос на этой неделе был следующим:
"Как мне передать данные от дочернего компонента к его родительскому?"
ЧЕЛОВЕК, я боролся с этим? . Я даже не уверен, что это прижилось к моей базе знаний 🤯🤯. (Redux- ОТПРАВИТЬ ПОМОЩЬ!) Но на данный момент эта статья была НАСТОЛЬКО полезной, и было бы преступлением не поделиться ею:

Демо-время!

Сайт о счастливых мыслях, которым поделились мои одноклассники
Это был проект, который мне больше всего понравился во время этого буткемпа. Задача состояла в том, чтобы построить сайт обмена мыслями, где мы выводим мысли из API, создаем форму для отправки новых мыслей с POST-запросом, а также создаем возможность ставить лайки чужим мыслям. Могу я просто сказать, что там есть мысли для всего… 🌈

👉 Посмотрите здесь

Подключение сайта опроса на прошлой неделе к базе данных
Это стало для меня настоящим прорывом. Я был серьезно разочарован, когда мы создали сайт опроса, и я узнал, что мы не сможем нигде собрать входные данные. Настолько разочарован, что не мог отделаться от мысли найти решение для этого. И Я СДЕЛАЛ! Возможно, это было не так уж продвинуто технически, но для меня это было огромно. Я так горжусь собой за то, что нашел Firebase, соединил несколько точек, чтобы иметь возможность реализовать его, и за то, что сосредоточился на завершении.

Ресурсы, которые я использовал, были этот клип на YouTube, о том, как подключить Firebase к контактной форме, и эта статья, чтобы подключить все это к React. 🌟

Несколько заключительных слов.. НЕ ЖДЕМ, пока мы начнем изучать Redux 💣