Не знаю, нравится ли вам, но мне нравится использовать create-react-app, поскольку это действительно упрощает процесс настройки нового пользовательского интерфейса.
Он поставляется с index.html, содержащим пустой корневой div <div id="root"></div>
, и это нормально. Но по мере того, как ваш пакет станет больше (и так будет), вы иногда можете заметить белый экран, отображаемый до фактической загрузки вашего javascript.
Я чувствовал себя плохо каждый раз, когда видел это.
Я добавил в него текст
<div id="root">Initializing the awesome.</div>
и вуаля!
Я знаю, это не фишка года, но мне показалось, что это намного лучше, чем без него :-)
Наконец, после обсуждения со Свеном Гобером мы обнаружили, что tinder делает это намного лучше. Поэтому я внедрил новую версию на AIP.Trade, сайте, на котором я работаю удаленно с Маврикия, добавив логотип компании в центре и с анимацией сердцебиения css, которая наверняка заставит вас почувствовать, что происходит что-то великое, пока Подожди.
Вы можете сделать это самостоятельно, адаптировав приведенный ниже код (но будьте осторожны, используйте для этого очень маленькое изображение).
Посмотрите, как это выглядит вживую на AIP.Trade, и войдите на лучшую музыкальную биржу для запуска НСО и торговли акциями роялти.
Последняя вещь…
Для тех, кто отметил, что я использовал Tinder в качестве ориентира и знал, что я женат (да, вы это сделали!), Я бы сказал, что Tinder действительно очень хороший сайт для знакомства с людьми, которые могут вас сильно любить, но, возможно, ненадолго. , НО, это также очень вдохновляющая компания с точки зрения веб-разработки. Убедитесь сами: https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0 или https://tech.gotinder.com/
Ваше здоровье