Публикации по теме 'react'
Создание клона Google - Часть 4: Развертывание в Firebase
Заполнение страницы результатов поиска и развертывание в Firebase
Вы хотите вывести свои навыки разработчика на новый уровень или произвести впечатление на будущего работодателя? Тогда собери этот Google Clone !
Часть 4
В части 3 этой серии мы настроили Google Search API, создали useGoogleSearch custom Hook и завершили заголовок результатов поиска.
В этой последней части мы закончим страницу результатов поиска и развернем наше приложение с Firebase!
1. Заполните..
3 простых шага к написанию составных компонентов
Давайте погрузимся в мир чистого кода React с составными компонентами.
После реализации моего первого составного компонента в React я официально увлекся этим шаблоном. Как самопровозглашенный эксперт в этом вопросе (на самом деле я научился у Райана Флоренса и его разговора о составных компонентах ), я собираюсь научить вас, как изучить лучший продвинутый шаблон React за несколько простых шагов. . Почему? Потому что вы заслуживаете лучшей кодовой базы!
В этот момент вы можете..
Как использовать SendGrid для отправки писем
SendGrid - отличный сервис от Twilio для отправки электронных писем. Вместо того, чтобы настраивать собственный почтовый сервер для отправки электронной почты с вашими приложениями, мы используем SendGrid для выполнения тяжелой работы за нас. Это также снижает вероятность попадания электронной почты в спам, поскольку это надежный сервис.
Он также имеет очень простые в использовании библиотеки для различных платформ для отправки электронных писем. Node.js - одна из поддерживаемых..
Next.js Firebase v9: добавление нового дела
Часть 5: Создайте функцию отправки, чтобы добавить новое дело
В этой статье мы собираемся добавить функцию отправки для отправки нового дела.
Видеоуроки и Исходный код
Во-первых, нам нужно создать состояние «todo». Мы устанавливаем значение по умолчанию как пустой заголовок и пустая деталь.
import { useState } from "react";
const [todo, setTodo] = useState({ title: '', detail: '' })
Мы привязываем значение задачи к двум полям ввода. При установке onChange задаче..
Скажи мне, почему я должен покинуть мир Vanilla JS?
Начиная новый мод, я сначала был взволнован тем, что меня будут снабжать новой информацией, которая облегчит мою жизнь. Прошло около четырех дней с миром React, и я еще не ощутил тот момент полного понимания, осознания и блаженства. React заканчивал нокаутировать меня раунд за раундом. Будет ли у меня когда-нибудь этот момент озарения? Нужен ли Реакт? Почему бы мне не заползти обратно в мой удобный мир ванильного JS?
Что такое фреймворки?
Фреймворк — это утвержденное..
Как использовать необязательную цепочку и нулевое объединение с TypeScript и React
Как правильно использовать Optional Chaining и Nullish Coalescing с TypeScript и React
вступление
Проблема, которую мы пытаемся решить: было ли у вас когда-нибудь глубоко вложенное свойство в объекте, которое каждый раз, когда вы ссылаетесь на него, возвращал null, потому что оно не было определено достаточно быстро до запуска вашего кода? Обычно с вызовом API, но не ограничиваясь этим. В зависимости от того, насколько глубоко было свойство, вам пришлось написать несколько уродливых..
Правильное использование .bind () в React
Пролог
Если вы использовали React до версии 15, вы наверняка помните старый способ объявления классов компонентов, при котором вы могли бы написать что-то вроде этого:
var MyComponent = React.createClass({
methodOne: function(someValue) {
/* ... */
this.setState({ someState: someValue})
},
methodTwo: function(someOtherValue) {
/* ... */
this.setState({ someOtherState: someOtherValue})
},
render: function() {
return (
/* ... */
<button..
