decosoftware / decosoftware/deco-ide

Project templates / React Native design tutorials

Open
#88 6 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5.8k
Forks
300
PR merge metrics
No merged PRs in 30d

Description

We've been discussing project templates for a while, e.g. I want to create a new project with redux + react-native-router-flux.

A very compelling first use case would be to help beginners learn React Native, with a focus on design. After chatting with @jondot, I propose we add the tutorials (called Katas) from https://github.com/jondot/ReactNativeKatas as project templates.

A rough idea of how it would work:

I open Deco for the first time. I know JS and React, but not React Native. There's a button for **Tutorials**.

![landing with tutorials](https://cloud.githubusercontent.com/assets/1198882/16095686/a1a5acc4-32fa-11e6-8bf1-e4ee6d61bd27.png)

If I click it, I see a list of tutorials I can do. Maybe we put a ✅ by the ones I've already done.

![landing tutorials dropdown](https://cloud.githubusercontent.com/assets/1198882/16095709/ba1ba768-32fa-11e6-8ab9-caa7dde59b98.png)

Picking a tutorial will do what any project template will: create a react native project in the temp directory (just like we do currently) with files specific to that template. You can "save" or "save as" just as you would normally if you want to save your progress, or you can follow the template without saving and never clutter up your file system.
#

What's involved here technically: come up with a way to instantiate different default files based on project template selected. Probably safe to assume we can bundle them all with the Deco binary for now, rather than downloading them on the fly. Then add a UI to the launch screen.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.