https://github.com/lucasbento/react-native-actions

Run React Native actions from within VSCode.
https://github.com/lucasbento/react-native-actions

extension ide plugin react-native react-native-library react-native-module vscode vscode-extension

Last synced: 3 months ago
JSON representation

Run React Native actions from within VSCode.

• Host: GitHub
• URL: https://github.com/lucasbento/react-native-actions
• Owner: lucasbento
• License: mit
• Created: 2017-09-28T06:36:31.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-19T11:36:34.000Z (almost 7 years ago)
• Last Synced: 2024-10-12T13:29:26.074Z (4 months ago)
• Topics: extension, ide, plugin, react-native, react-native-library, react-native-module, vscode, vscode-extension
• Language: Objective-C
• Homepage:
• Size: 778 KB
• Stars: 70
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - React Native Actions ★55 - Run React Native actions from within VSCode. (Utilities / Other Platforms)
• awesome-react-native - React Native Actions ★55 - Run React Native actions from within VSCode. (Utilities / Other Platforms)
• awesome-react-native - React Native Actions ★55 - Run React Native actions from within VSCode. (Utilities / Other Platforms)
• awesome-react-native - React Native Actions ★55 - Run React Native actions from within VSCode. (Utilities / Other Platforms)

README

        


  



react-native-actions



  Run React Native actions from within VSCode.





 

 



## Quick start

### Installation

### VScode

Add the extension on terminal:

```bash

code --install-extension lucasbento.react-native-actions

```

> Or [click here to install from the marketplace](https://marketplace.visualstudio.com/items?itemName=lucasbento.react-native-actions).

### React Native

1. Install the dependency

```bash

yarn add react-native-actions --dev

```

2. Link

```bash

react-native link react-native-actions

```

> You can check out the [manual installation here](https://github.com/lucasbento/react-native-actions/blob/master/packages/react-native-actions/README.md#manual-installation).

3. Simply wrap your root component with `withActions` [HOC](https://reactjs.org/docs/higher-order-components.html):

```jsx

// Your main component

import withActions from 'react-native-actions';

class Application extends Component {

  // ...

}

export default withActions(Application); 

```

### Usage

- ⌘ + Shift + R: to reload the code on device;

- ⌘ + Shift + D: to open developer menu;

- ⌘ + Shift + T: to show network requests in console (requires remote debugging).