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