Appitr IDE 1.0.0 version documentation Updated date: 17.06.2020Become a Patron!
This tool uses "React Native for Web" to for run the React Native projects.
"React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM. Check out the projects of the React Native examples running on the web.click for documentation
Here are what I consider to be prerequisites.
You can see the list of projects you have in the Appitr console. You can create a new project and delete the projects you have created.Go to Console
When you click the plus button in the top box of the Appitr console, you can create a project by selecting the appropriate template from the window with the template options for your project. Your project will be automatically named by the system. Then you can enter title, description and keywords in your project.
The first template if you want to work in an empty application from three templates; the second template if you want to make an application that consists of the tab menu; if you want to work in an application with a left or right drawer, you can select the third template. Template examples can be viewed from the links below.
If you don't want your project to be public, and you don't want it to appear outside appitr, you must change the privacy option to private before you create your project. After creating your project, you can change the privacy in the project settings section.
After you create your project, the project list will be updated automatically and your project will be added to the list with the name created by the system. You can delete the project from the trash can icon on the top of the project box.
You can enter the titles, descriptions, and keywords of your public project here. You can also change the privacy of your project.
After clicking the plus button next to the Dependency menu, you can add system-supported npm packages to your project from the pop-up window. Find examples of using packages on the discover page.
You can search for components from the Components section and add hundreds of ready components to your project with one click.
You can preview your project by clicking the phone button on the menu. Logs will be reset in the log panel when you run the preview again.
You can see logs by clicking the exclamation button in the menu.
After you open the privacy of your project, you can get the iframe share code with the share button that will appear on the top menu.
You can download your project by clicking the download button in the menu. The download will start automatically. You can start your project in your computer after runThis command will prepare your project to start.
Mockup designer allows to design mobile app page and get components code. This tool uses "YogaLayout" for design the React Native projects. YogaLayout
When you click the plus button in the top box of the Appitr console, you can create a new mockup by selecting the default or empty template. Your project will be automatically named by the system.
You can change layout viewport to click the main viewport on the component list. And go to 'Layout' in the side panel. In the panel first, properties will be deviceViewport and you can change the size of the layout.
You can add to layout components to click to add component button. Available components is
We are planing to add other third-party component libraries to designer.
You can find properties and CSS properties for the component in the side panel. features are grouped under four main headings.
After the design you can get the "React Native" code of mockup to click the "Get Code" button. You can paste to code empty file in Appitr IDE.
On the Explore page, you can see the source code that can filter out projects that are public on their keywords or dependency packages. Explore Projects
You can see the first "Featured" project and load all projects by scrolling.
You can download public projects by clicking the download button in the menu. The download will start automatically. You can start your project in your computer after runThis command will prepare your project to start.
You can fork the public project to your account by clicking the fork button in the menu. The fork will start automatically. You can find the forked project with a new random name on your console.