Error before updating scaffolding from new db schema try creating

👍When building a dynamic web app, I always like to ‘stub’ out the components first using dummy data.This involves creating the user interface and populating it using static data that I define at the top of the component. While you’re in App.js, go ahead and delete everything in the render function, as well as the last two import statements at the top of the file.

Just like in Google Sheets how you add your data in rows and columns, Airtable also lets you add data in rows and columns.

The user interface feels very familiar to Google sheets, making it very easy to understand and use by non-technical people.

If you’d like to read more about Airtable before we get started on our web app, you can check out their excellent getting started guide.

We’re keeping with the movie theme in this tutorial because I’m a huge fan of .

This is where the fun begins…We’ve checked off step one: stubbing out our component with dummy data.

If you remember our three steps from before, step two was converting the static HTML components into a React component.Before we begin, I’m sure some of you are wondering what Airtable is.Airtable looks and feels like a spreadsheet, but it’s actually a database with an easy to use API that we can plug straight into our front-end with little effort.Open up and add two new import statements for the Bootstrap CSS and JS files, towards the end of the existing imports: Good stuff!Now, let’s make sure Bootstrap has been imported successfully.You should be redirected to the dashboard page where you can create a new base after creating a new account. Click the ‘Add a base’ button and then ‘Start from scratch’.

Tags: , ,