|
2 | 2 |
|
3 | 3 | > We want to live in the editor forever. — [Luyu Cheng](https://luyu.computer/) |
4 | 4 |
|
5 | | -[**Recho**](https://recho.dev/) is a free, [open-source](/LICENCE), reactive code scratchpad that echoes output inline with your code as comments — enabling beginners, developers, artists, and anyone curious to quickly code and explore through text experiments/art. Built on the reactive model of [Observable Notebook Kit](https://github.com/observablehq/notebook-kit), Recho makes coding accessible, interactive, and playful, turning every string output into a creative, in-situ experience - discover the sketches of tomorrow. |
| 5 | +[**Recho**](https://recho.dev/) is a free, [open-source](/LICENCE), reactive code scratchpad that echoes output inline with your code as comments—enabling beginners, developers, artists, and anyone curious to quickly code and explore through text experiments/art. Built on the reactive model of [Observable Notebook Kit](https://github.com/observablehq/notebook-kit), Recho makes coding accessible, interactive, and playful, turning every string output into a creative, in-situ experience—discover the sketches of tomorrow. |
| 6 | + |
| 7 | +- [Editor](https://recho.dev/) 📝 - The quickest way to get started with Recho. |
| 8 | +- [Documentation](https://recho.dev/docs/introduction) 📚 - Learn how to use Recho with our comprehensive guides. |
| 9 | +- [Examples](https://recho.dev/examples) 🖼️ - See what you can create and draw some inspiration! |
| 10 | +- [Contributing](https://github.com/recho-dev/recho/issues) 🙏 - We have a bunch of things that we would like you to help us build together! |
6 | 11 |
|
7 | 12 | ## Why Recho 💡 |
8 | 13 |
|
9 | | -We want to make code more accessible and playful. Our experience shows that **well-designed libraries don't necessarily make code accessible—the code environment does**! So here is Recho — a lighter way to code. |
| 14 | +We want to make code more accessible and hopefully, more playful. Inspired by [P5.js Editor](https://editor.p5js.org/) and [Observable Notebook](https://observablehq.com/), we realize that _well-designed libraries don't necessarily make code accessible—the code environment does_! So here is Recho: **a lighter way to code, creatively**. We offer you a lighter beginning: |
| 15 | + |
| 16 | +- **Lighter Input** - We use vanilla JavaScript, and you don't have to learn extra libraries or browser specific APIs to get started with. It can help you focus more on general coding concepts and algorithms themselves. |
| 17 | +- **Lighter Output** - We embrace text-based output—a universal and timeless interface. It's concise, intuitive, and efficient, which keeps your attention on the essence of code rather than the overhead of visuals. |
| 18 | +- **Lighter Flow** - We stay in an online reactive editor—inputs and outputs both show up there. There is no need to switch context while coding. Instant feedback allows you to better understand your code and shape ideas. |
| 19 | +- **Lighter Purpose** - We don't need to dream big in Recho. While AI makes coding less important for "world-changing" ideas, we want to secure a place where you can code just for fun. Life can be without work, right? |
| 20 | + |
| 21 | +Ideally, you can be creative afterwards. You may find the minimalism of ASCII/text art both fascinating and inspiring. Coding can become a new way to express yourself and explore the world. That’s the success of Recho! |
| 22 | + |
| 23 | +## What's Next 🔥 |
| 24 | + |
| 25 | +Recho is still in its early stage. There are a lot of areas we want to explore and build with the community. Especially, we are interested in the following things: |
| 26 | + |
| 27 | +- **More Examples** - Examples attract users and shape tools. We would love to have examples in different areas (text analysis, data viz, graphics, concrete poetry, algorithms, etc.) and working with external libraries ([D3](https://d3js.org/), [Lodash](https://lodash.com/), [ml5](https://ml5js.org/), [Tone](https://tonejs.github.io/), etc.). They don't have to be complicated or perfect. One thing to share is enough. Open a [pull request](https://github.com/recho-dev/recho/new/main/app/examples) to share yours today! |
| 28 | +- **Text Based Libraries** - Best practices deserve to be seen by more people. If you find some algorithms you are using helpful for others, don't hesitate to package them into libraries. Remember, they can be light! |
| 29 | +- **Diverse Programming Languages** - Recho begins with JavaScript, but isn't limited to it—coding has no boundaries. As long as a programming language can be transpiled to JavaScript, it can be incorporated with Recho. It can be mainstream ([Python](https://www.python.org/), [Rust](https://www.rust-lang.org/)), academic ([mlscript](https://github.com/hkust-taco/mlscript)), or creative ([wenyan‑lang](https://wy-lang.org/)). The best part is that it doesn't have to be production-ready or have real-life usage. Just providing a new way to code or think is cool. Want to add your favorite language to Recho or share your "toys"? Talk to us! |
| 30 | +- **Interactions with LLMs** - Recho’s text-first approach is ideal for LLMs. Rather than letting the LLM write code directly, you can use code as input: fusing files, turning text into pixel outputs, and more. We want to exploring the possibilities. |
| 31 | + |
| 32 | +Of course, there are a lot of editor related features on the way! |
| 33 | + |
| 34 | +- **Reactive Inputs** - Reactivity right in the editor. (slider, checkbox, radio, etc.) |
| 35 | +- **Visual Enhancement** - More expressive and informative editor. (dark theme, ANSI escape codes, etc.) |
| 36 | +- **Interactivity** - Response to user inputs. (mouse, keyboard, etc.) |
| 37 | +- ... |
| 38 | + |
| 39 | +Also, we have plans to provide cloud storage services. But we don't want to overcomplicate things at this point, so any thoughts, comments, and suggestions are welcome! |
10 | 40 |
|
11 | 41 | ## A Quick Example 🚀 |
12 | 42 |
|
@@ -71,30 +101,6 @@ function map(x, d0, d1, r0, r1) { |
71 | 101 | } |
72 | 102 | ``` |
73 | 103 |
|
74 | | -## Editor 📝 |
75 | | - |
76 | | -The quickest way to get started with Recho. |
77 | | - |
78 | | -https://recho.dev/ |
79 | | - |
80 | | -## Documentation 📚 |
81 | | - |
82 | | -Learn how to use Recho with our comprehensive guides. |
83 | | - |
84 | | -https://recho.dev/docs/introduction |
85 | | - |
86 | | -## Examples 🖼️ |
87 | | - |
88 | | -See what you can create and draw some inspiration! |
89 | | - |
90 | | -https://recho.dev/examples |
91 | | - |
92 | | -## Contributing 🙏 |
93 | | - |
94 | | -We have a bundle of features that we would like you to help us build together! |
95 | | - |
96 | | -https://github.com/recho-dev/recho/issues |
97 | | - |
98 | 104 | ## License 📄 |
99 | 105 |
|
100 | 106 | ISC © [Recho](https://github.com/recho-dev) |
0 commit comments