ты знаешь как правильно использовать useEffect, чтобы данные обновились в компоненте сразу после обновления их в redux

ты знаешь как правильно использовать useEffect, чтобы данные обновились в компоненте сразу после обновления их в redux

IsStatus

У кого какой дизайн соц сети получился ?🙃

Пока как-то так, но дизайном ещё не занимался особо, так набросал, чтобы глаза не резало

Дизайн 2-3 дня, главное дописать всю BLL а потом анимации и прочее. Эти все иконки анимированные, приколько вроде динамика есть

Совсем не режет))

import React from 'react'; import { useState,useEffect,useLayoutEffect } from 'react'; import s from './index.module.css'; import Form from 'react-bootstrap/Form'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import InputGroup from 'react-bootstrap/InputGroup'; import FormControl from 'react-bootstrap/FormControl'; import ButtonDefault from '../buttonDefault'; import { Field, reduxForm } from 'redux-form'; import { InputText, InputEmail, InputPassword } from '../common/formsControls'; import { required, maxLengthCreator, email, minLengthCreator, checkLengthPesel, checkNumbers, isLoginCreator, isConfirmCreator, } from '../../utils/validation'; import * as axios from 'axios'; class Register extends React.Component { state = { password: null, isConfirm: undefined, }; postData = data => { this.props.registerForm(data); }; isConfirm = isConfirmCreator(this.state.password, this.state.confirmPassword); isLogin = isLoginCreator(this.props.isStatus); render() { return ( <div className={s.backgroundRegister}> <div className={s.container}> <RegisterFormRedux login={this.props.login} onSubmit={this.postData} isLogin={this.isLogin} getStatus={this.props.getStatus} password={this.state.password} isStatus = {this.props.isStatus} isConfirmPasswordError={this.isConfirmPasswordError} isConfirm={this.isConfirm} getLogin={this.props.getLogin} /> <div className={s.infoContainer}> <div className={s.info}> <span className={s.textInfo}>Do you have an account?</span> <div className={s.buttonLinkLogin}> <ButtonDefault to="/login" buttonName="login" /> </div> </div> </div> </div> </div> ); } } const maxLength15 = maxLengthCreator(15); const minLength6 = minLengthCreator(6); const FormRegister = props => { let [isStatus, setStatus] = useState(props.isStatus); useEffect(()=>{ setStatus(props.isStatus); },[props.isStatus]); let [login, setLogin] = useState(props.login); useLayoutEffect(()=>{ setLogin(props.login); },[props.login]); const onBlurLoginInput = values => { props.getStatus(values.currentTarget.defaultValue); console.log(isStatus); console.log('show -> '+login); //props.getLogin(values.currentTarget.defaultValue); };

У кого какой дизайн соц сети получился ?🙃

))

мне нравится. круто

дизайн минутка

maqq1e.github.io/social-network Знаю - в дизайне я не силён мягко говоря.

прикольно, музыкальный плеер)

как подружить сео и реакт

Next.is или Gatsby. Вроде слышал, что будет во втором сезоне. Я буду пробовать сам перетащить на next, когда допишу

спасибо за ответ

Само по себе react spa без SSR мало чего стоит, как можно один тэг HTML продвигать?)) зато реакт unopinionated, хоть к headless WordPress поключай.

это что unopinionated ?