Giter VIP home page Giter VIP logo

react-material-ui-cookbook's Introduction

Welcome to the repository for Material UI Cookbook. Here're you'll find all the code samples that accompany the book and instructions on how to run the samples using Storybook.

Installation

The first step is cloning this repository:

git clone https://github.com/PacktPublishing/Material-UI-Cookbook.git

Then, change into the Material-UI-Cookbook directory. From there, you can run the install command:

npm install

Running the examples

To run the examples, make sure that you're in the Material-UI-Cookbook directory and run Storybook:

npm run storybook

This will open Storybook in a new browser tab. The navigation is separated into chapters and chapters are separated into recipes. The recipe names follow the those found in the book and follow the same chronological order.

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781789615227

react-material-ui-cookbook's People

Contributors

adamboduch avatar flavianvaz avatar packt-itservice avatar packtutkarshr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-material-ui-cookbook's Issues

error:0308010C:digital

I am trying to use the code in conjunction with the book but after running

npm install

they are 50 vulnerabilities (30 moderate, 20 high) which prevent me from running storybook and even after running

npm audit fix --force

I am still unable to run storybook

Error log

info @storybook/react v6.1.21
info
info => Loading static files from C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\public and serving at /.
info => Loading custom manager config
info => Loading presets
info => Loading presets
info => Loading 1 config file in "./.storybook"
(node:10544) DeprecationWarning: Configuration files such as "config", "presets" and "addons" are deprecated and will be removed in Storybook 7.0.
Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#to-mainjs-configuration
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Loading custom manager config
WARN Storybook support for Create React App is now a separate preset.
WARN To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file.
WARN The built-in preset has been disabled in Storybook 6.0.
info => Using default Webpack setup
10% building 1/4 modules 3 active C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\@storybook\core\dist\server\preview\globals.jsnode:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\webpack\lib\NormalModule.js:503:5
    at C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\webpack\lib\NormalModule.js:358:12
    at C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at Array.<anonymous> (C:\Users\NTCHO\Desktop\Code\React-Material-UI-Cookbook\node_modules\loader-runner\lib\LoaderRunner.js:205:4) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.