Но почему это выглядит как кусок говна? что то я первый раз вижу в ретюрне такую запись.... Или это норм?

Conditional rendering

ну можешь сделать loaded статус

черт его знает что это. Я тупой.  А так как я написал,  нормально ?

нормально, можешь опустуить ниже визуально блоки спинер на 2 строку див на 3

а, да про стиль это я понимаю, меня просто смущает что дивы  и тд не вынесены в отдельный компонент, типа contenеt. Если бы вынес было бы что то вроде return (
           <div>
               {loading ? <Spinner/> : {contnent}> <div>

ну вынеси если есть желание) можешь в этом же файле)

Здравствуйте!

Ни React.lazy ни Loadable components  не рендерят компонент.
(Клиентская сторона, без них компоненты нормально грузятся)


В чем может быть причина?

угу, так и подумал. Но в целом какая разница. Что так что так все равно будет разметка.   Но страшно не это, страшно то - что вроде в предыдущих уроках почти 1 в 1 делали такую же логику как выше, а вообще не додумался как это сделать ,пока человек не написал выше.... не додумался, что можно после получения данных с серва установить в стейте параметр loading  и обновлять его..... Думал реакт намного легче мне зайдет, а сейчас просто шок....

можешь так написать. Вариантов куча, как тебе нравится так и пиши.

со временем пройдет

Здравствуйте!

может кто-то подскажет, есть ли что-то похожее для react http://derrvish.github.io/enjoyhint-demo/ ?

Нужно реализовать обучение по приложению

Взять просто и сделать, что бы не утонуть потом в багах

Может еще из за классовых компонентов такое, особенно когда пишешь не свой проект а тупо по курсу  , прям теряешься в пропсах и файлах ,что откуда идет и что обновляет 🥴 И лектор такой - я уверен, вы очень легко и быстро сделаете вот это.... сидишь 2 часа ночью и думеаешь мда...

Cпасибо, хороший совет

Обычно в багах тонут как раз, когда свои костыли пилить начинают )

Только плиз больше ничего не советуй

Может мне еще свой реакт написать и тайп чекер, чтоб тоже без багов

react-router