https://github.com/kelvink96/mdc-top-app-bar
Mtaerial Design components integration with React
https://github.com/kelvink96/mdc-top-app-bar
Last synced: 3 months ago
JSON representation
Mtaerial Design components integration with React
- Host: GitHub
- URL: https://github.com/kelvink96/mdc-top-app-bar
- Owner: kelvink96
- Created: 2019-03-04T12:09:22.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-05-04T12:51:39.000Z (about 6 years ago)
- Last Synced: 2025-01-22T13:39:24.783Z (5 months ago)
- Language: JavaScript
- Size: 13.6 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MDC Codelab 112 - Integrating with Frameworks
This repo complements the codelab MDC 112.
## Here are some brief definitions of the several files found in the repo:
File | Description
---- | -----------
.babelrc | Babel configuration file that transpiles the JSX and ES6 code into ES5 code.
App.js | The parent component of the entire application. Think of this as the demo page controller and template.
app.scss | The styles for the application. It also imports the top-app-bar.scss file from MDC Web, as well as the typography.scss to style the text.
index.html | Like most webpages there is a main index.html page that is served per page. Since this is a single page app (SPA), this is the only page that is served during the entire lifetime of the demo page.
index.js | This is where all the application setup code and logic should live. It bootstraps the React app to the DOM and starts the demo page.
package-lock.json | A lock file for all the application’s third party dependencies.
package.json | A manifest of third party dependencies.
TopAppBar.js | The component this codelab is going to build.
webpack.config.js | The configuration file to tell webpack how to build certain files into one bundle.js and one bundle.css.