Задать вопрос
crazy_leo

Leo Developer

Frontend Developer
Ответы пользователя по тегу React

  • Symfony + React + SSR + SEO?

    crazy_leo
    @crazy_leo
    Frontend Developer
    1) У SPA приложений проблема с SEO присутствует, так как приложение строится не на сервере, а на клиенте. Т.е все приложение, как ты писал выше, находится в js скриптах и сервер - отдает пустую html страницу со скриптами и т.д. Но само содержимое приложения в этой странице нет, так как оно формируется, после того как загрузились скрипты.
    Получается, что поисковики видят пустую страницу без содержимого самого приложения.
    Единственно, пока что google поисковик научился ждать, пока загрузятся скрипты и соответственно пока не построится приложение. Но есть очень много других поисковиков, которые это делать не умеют (Яндекс поисковик, к примеру).
    Также плюс SSR в том, что страница быстрее появляется у клиента, так как оно строится как на клиенте так и на сервере. А без SSR, сначала отобразится пустая страница, потом загрузится скрипт и только потом отобразится само приложение. Но также рендеринг средних React приложений - это много вычислений, что на ноде очень плохо. (Но там можно делать свои хаки чтобы все работало шикарно)

    Поэтому ты должен сравнить плюсы и минусы!

    Если тебе хватает google поисковик и особо не нужно чтобы страница быстрее отображалась у клиента, то да можешь обойтись без SSR. (Конечно можешь использовать платные сервисы или какой либо виртуальный браузер, но это все гавно по сравнению с SSR. В этих решениях очень много минусов)

    Если этого всего необходимо, то придется реализовать SSR. Это не сложно. Главное понять суть React и некоторых его сопутствующих библиотек если они используются (styled-components, redux). (Я реализовал SSR за 60 средних строк. Там много чего предусмотрено)

    2) На нем можно создавать приложения, но я не использовал React Native и точно тебе сказать не могу. Но знаю что там, нету всего из коробки, если нужно будет что-то сложное, которого нет в React Native, то придется писать нативные модули под React Native. А так конечно можно его изучать и использовать.

    3) SPA - тренд, поэтому надо. Также это очень хорошая концепция в перспективе, убедился на практике
    Ответ написан
    Комментировать
    Комментировать

  • Нужна ли сборка node.js app для серверного рендеринга?

    crazy_leo
    @crazy_leo
    Frontend Developer
    Вебпак не нужен, сделай через babel, у него есть файл .babelrc там закинь все настройки в том числе и поддержку jsx.
    Ответ написан
    1 комментарий
    1 комментарий

  • Server side rendering на react16/redux?

    crazy_leo
    @crazy_leo
    Frontend Developer
    Вот несколько отличных статей:
    1) https://codeburst.io/headache-free-ssr-react-js-no...
    2) https://medium.com/@phoebe.greig/headache-free-iso...
    Ответ написан
    Комментировать
    Комментировать

  • Как в Реакте сохранить переменную в БД?

    crazy_leo
    @crazy_leo
    Frontend Developer
    LocalStorage - индивидуальное хранилище.
    Вам необходимо общее хранилище - база данных (MongoDb, MySql ...)
    Конечно вы можете делать запросы к общему хранилищу, если у вас имеется специальная библиотека которая дает API к нему.
    Но это не рекомендуется, так как любой желающий сможет модифицировать запросы и т.д.
    По любому для отображения страницы нужен сервер, скорее всего в вашем случае настроен webpack или вы используете create-react-app и не замечаете этого.

    В идеале все должно быть так:
    1) Берете кол-во просмотров с базы данных, и меняете state.
    2) Когда человек кликает делать ajax запрос к серверу чтобы он закинул в базу данных значение.
    Ответ написан
    2 комментария
    2 комментария

  • При клике на DIV сделать input radio:checked в этом DIV'E - ReactJS?

    crazy_leo
    @crazy_leo
    Frontend Developer 
    export default class Request extends Component {
	constructor() {
  	super();
  	this.state = { 
  		checked: false
  	}
  	this.handleClick = this.handleClick.bind(this);
 	}
  
  this.handleClick() {
  	this.setState({
  		checked: !this.state.checked
  	})
  }
 	
 	render() {
 		const {checked} = this.state

  	return (
   		<div class="block" onClick={ this.handleClick } role="button" tabIndex={ 0 }>
   			<input type="radio" name="radio" id="radio" checked={checked}/>
  	 	</div>
  	);
 	}
}
    Ответ написан
    Комментировать
    Комментировать

  • В каких простых( не сложных) проектах/задачах можно использовать react?

    crazy_leo
    @crazy_leo
    Frontend Developer
    Когда у тебя маленькое приложения, практической пользы не будет.
    React используется в больших проектах. Он помогает оптимизировать нагрузку, лучше понимать код и делает синтаксис красивее
    Ответ написан
    3 комментария
    3 комментария