Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jqwidgets/create-jqwidgets-react-app
Create jQWidgets React App
https://github.com/jqwidgets/create-jqwidgets-react-app
create-react-app jqwidgets jqwidgets-react-components jqwidgets-reactjs react react-components react-jqwidgets react-ui-components reactjs-components
Last synced: 21 days ago
JSON representation
Create jQWidgets React App
- Host: GitHub
- URL: https://github.com/jqwidgets/create-jqwidgets-react-app
- Owner: jqwidgets
- Created: 2017-07-13T14:22:56.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-08T11:34:15.000Z (about 6 years ago)
- Last Synced: 2024-10-05T07:41:07.867Z (about 1 month ago)
- Topics: create-react-app, jqwidgets, jqwidgets-react-components, jqwidgets-reactjs, react, react-components, react-jqwidgets, react-ui-components, reactjs-components
- Language: CSS
- Homepage: https://www.jqwidgets.com/
- Size: 5.13 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# create-jqwidgets-react-app
Please refer to its documentation:
- [Getting Started](https://github.com/jqwidgets/create-jqwidgets-react-app/blob/master/README.md#getting-started)
- [jQWidgets React Documentation](http://www.jqwidgets.com/reactjs-components-documentation/)
This project is based on [create-react-app](https://github.com/facebookincubator/create-react-app).
## Quick Overview
```sh
npm i -g create-jqwidgets-react-app
create-jqwidgets-react-app my-app
cd my-app
npm start
```
Then open [http://localhost:3000/](http://localhost:3000/) to see your app.
When you’re ready to deploy to production, create a minified bundle with `npm run build`.
## Getting Started
### Installation
Install it once globally:
```sh
npm install -g create-jqwidgets-react-app
```
**Make sure you have the latest version of [Node](https://nodejs.org/en/) on your machine**.
### Creating an App
```sh
create-jqwidgets-react-app my-app
cd my-app
```
It will create a directory called `my-app` inside the current folder.
Inside that directory, it will generate the initial project structure and install the transitive dependencies:
```
my-app
├── node_modules
├── public
├── src
├── package.json
├── README.md
```
Subfolders are not shown in order to keep it short.
Once the installation is done, you can run some commands inside the project folder:
### `npm start`
Builds the app in development mode and starts a web server.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
### `npm run build`
Builds the app in production mode and stores it in the `build/` directory.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
By default, it also includes a service worker so that your app loads from local cache on future visits.
Your app is ready to be deployed.
## Why Use This?
**If you’re getting started** with `jQWidgets` and `React`, using `create-jqwidgets-react-app` is the easiest way to do this.
Just install, run and you will see an React jQWidgets Grid on your page.
Then you can customize the project as much as you want, making something great.