Table, Data Grid and Modal Dialog Components π¨βπ» Develop an App from Scratch (Part 10)
In this video I continue working on the user interface components with the presentational table component, that is a stateless styles table component. The data grid component renders a table using JSON data and column definitions and provides an implementation for editing data in place and removing rows. The modal dialog component is implemented with the HTML dialog element and we tackle synchronizing its state with React.
What you'll learn:
How to create a presentational table component
How to implement a data grid component with editing in place
How to implement a modal dialog component
Repository:
bw-monorepo: https://github.com/nikelaz/bw-monorepo
bw-ui: https://github.com/nikelaz/bw-ui
Contents:
0:00 Introduction
2:17 Table Component
20:19 Data Grid Component
46:47 Modal Dialog Component
Social Media:
Email: [email protected]
Twitter: Β Β /Β nikelazΒ Β
LinkedIn: Β Β /Β nikola-lazarovΒ Β
#react #datagrid #components
Watch video Table, Data Grid and Modal Dialog Components π¨βπ» Develop an App from Scratch (Part 10) online without registration, duration hours minute second in high quality. This video was added by user NL Tech 19 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 370 once and liked it 13 people.