Introduction to Svelte - Components and styling (Part II)

We are back with our video series with Stepwise developers and mentors! They are unique and talented people who have extensive knowledge in their fields and our areas of activity. --------- Meet Maciej - Stepwise Senior Frontend Developer, who decided to share his knowledge about improving styling and architecture of a project This time we will refactor our application a little. I have improved the application visually with the use of Svelte Material UI. I’m also improving the architecture of an app by moving an Input area and list of todos to separate components. The components will have a list of todos passed to them as a prop, and we will bind it to be able to modify its value anywhere within the app. 0:04 – Intro/ recap 0:53 – adding Svelte Material-UI 1:30 – using Text Input and Button components from Material-UI 2:33 – styling list of todos 4:42 – using SVG graphics 6:33 – moving input and list of todos to separate components 8:14 – importing AddTodo component to index component 9:25 – moving list of todos to a separate component If you are looking for a job as a Frontend Developer - write to us! We'd love to hear from you. Check our website - we are still looking for new talents! https://stepwise.pl/careers/