https://github.com/tqma113/react-torch

https://github.com/tqma113/react-torch

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tqma113/react-torch
• Owner: tqma113
• License: mit
• Created: 2021-05-31T02:45:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-19T10:58:26.000Z (about 3 years ago)
• Last Synced: 2024-12-07T02:24:04.697Z (2 months ago)
• Language: TypeScript
• Size: 386 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# React-torch

[![License](https://img.shields.io/npm/v/react-torch.svg)](https://www.npmjs.com/package/react-torch)

[![Action Status](https://github.com/tqma113/react-torch/workflows/Torch/badge.svg)](https://github.com/tqma113/react-torch/actions)

[![License](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://www.npmjs.com/package/react-torch)

[![PRs-welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/tqma113/react-torch/pull/new/master)

[![NPM](https://nodei.co/npm/react-torch.png?downloads=true)](https://nodei.co/npm/react-torch/)

A react framework.

## Getting Started

- Create Project

```shell

> mkdir your-project

> cd your-project

> npm init -y

```

- Install Dependences

```shell

> npm install react react-dom react-torch typescript

```

> Without Typescripts: `npm install react react-dom react-torch`

- Add Scripts

Add follow code in `package.json`

```json

{

  "scripts": {

    "dev": "torch dev",

    "build": "torch build",

    "start": "yarn dev",

    "debug": "node --inspect-brk node_modules/.bin/torch dev",

    "serve": "torch start",

    "help": "torch --help",

    "version": "torch --version"

  }

}

```

- Add `src` and `index`

```ts

// src/index.ts

export default [

  {

    path: '/',

    module: () => import('./home/Controller'),

  },

]

```

- Add Page

```ts

// src/home/index.ts

import React from 'react'

import { createPage } from '../../../src'

import store from './store'

import './style.css'

import type { History } from 'torch-history'

import type { Context } from '../../../src/index'

// const ignorePropsChanged = View => {

//   let MemoizedView = (props) => {

//     let view = React.useMemo(() => {

//       return 

//     }, [])

//   return view

//   }

// }

const getView = (history: History, context: Context) => () => {

  const state = store.getState()

  const INCREASE = () => {

    store.dispatch({ type: 'INCREMENT' })

  }

  const handleClick = () => {

    history.push('/test')

  }

  return (

    


      Home {state.count}  INCREASE()}>Increate

      


      about

      


      test

      


      

        test

      

    

  )

}


export default createPage(async ({ history, context }) => {

  return {

    Component: getView(history, context),

    store,

    create: async () => {

      return getView(history, context)

    },

    destory: async (location) => {

      console.log(location, 'home destory')

    },

  }

})

```

- Start With Development

```shell

npm run dev

```

- Build

```shell

npm run build

```

- Start After Build In Production

```shell

npm start

```

## Document

Visit [docs](https://github.com/tqma113/react-torch/docs/README.md) to view the documentation.

## Contributing

Please see our [contributing.md](https://github.com/tqma113/react-torch/contributing.md).

## Author

Ma Tianqi([@tqma113](https://github.com/tqma113))

## License

[MIT](./LICENSE)