Open Nolra opened 1 year ago
https://pashbespaloff.github.io/react-craftworks/ https://github.com/pashbespaloff/react-craftworks
По поподу папки helpers
- в ней должны быть вспомогательные функции, то есть (js файлы)
А heading.jsx
лучше разместить в отдельной папке ui
на одном уровне с папкой components в /src
Также лучше разделить папку Intro на подпапки с отдельными компонентами
Например так
/Gallery
/Profile
где profiles.js
(не jsx
)
/ShoppingCart
initialProducts.js
(неjsx
)
В остальном отлично
https://nedostatoksna.github.io/react_homeworks/ https://github.com/nedostatoksna/react_homeworks
src/Components/Intro/Components/Buttons
Начнем с того, что папка components
(c маленькой буквы - с большой только сами компоненты), должна размещаться на верхнем уровне и больше нигде.
Button
(не Buttons
) лучше разместить в отдельной папке ui
, на верхнем уровне в /src
src/Components/Intro/Components/Gallery - здесь нужно вынести данные из компонента (разместить перед вызовом или в отдельном js файле) а так же тебе не нужно рендерить через индекс массива, это нужно делать в переборе! persons.map(person => <>{person.toJSX}</>
) Также как ты делаешь это в других местах.
В остальном все отлично, очень милые заготовки для будущих компонентов контента.
https://pashbespaloff.github.io/react-craftworks/ https://github.com/pashbespaloff/react-craftworks
По поподу папки
helpers
- в ней должны быть вспомогательные функции, то есть (js файлы) Аheading.jsx
лучше разместить в отдельной папкеui
на одном уровне с папкой components в/src
Также лучше разделить папку Intro на подпапки с отдельными компонентами Например так
/Gallery
/Profile
гдеprofiles.js
(неjsx
)
/ShoppingCart
initialProducts.js
(неjsx
)В остальном отлично
Сделано.
https://nedostatoksna.github.io/react_homeworks/ https://github.com/nedostatoksna/react_homeworks
и немного верстка в junior съехала
Код занятия: https://github.com/Nolra/front_course_2023/tree/react-intro-inter
Материал для повторения: https://ru.legacy.reactjs.org/docs/lists-and-keys.html https://ru.legacy.reactjs.org/docs/handling-events.html https://ru.legacy.reactjs.org/docs/forms.html
Домашнее задание: образец (https://nolra.github.io/react_hw/)