A front-end visual development tool for React Applications

栏目: IT技术 · 发布时间: 4年前

内容简介:The best way to tell about Webcodesk is to let you try it in action.So instead of an introduction, I would recommend you to complete the tutorial in the online version of Webcodesk. Click on the link below.

A front-end visual development tool for React Applications

Introduction

The best way to tell about Webcodesk is to let you try it in action.

So instead of an introduction, I would recommend you to complete the tutorial in the online version of Webcodesk. Click on the link below.

To React developers

Your experience will tell you that you do not need any visual builders because they are limited in functionality, unreliable, and they all suck.

But if you give Webcodesk a chance and try to create your own small SPA in it, I assure you, you won't ever want to write a ton of extra code.

How it works

Each project for Webcodesk is generated using the create-react-app. Additionally, react-app-framework , a library designed for Webcodesk, is added to the project code.

The project contains configuration files that are fed to the React App Framework. The Framework in its turn creates pages, routes, and makes containers for Redux from simple React components.

Then the Framework connects the containers into chains of actions, exactly as you do it using Redux actions.

The configuration of the Framework is complex enough to write it manually. So Webcodesk lets you create and edit it with:

  • the page editor
  • the flow diagram editor

All you have to do is write the code of React components and functions.

Installation

  • Run commands in the command line one by one.
> npx @webcodesk/install-webcodesk <new-project-name-dir>

> cd ./<new-project-name-dir>

> yarn wcd
  • Open Webcodesk in the browser:
http://localhost:7070
  • Choose any project on the market

  • Now open the project's source code in your favorite IDE

It is better to init a source code repository before you setup the project's workspace in the IDE. For example, please read the instruction about how to do this for GitHub repo: Adding an existing project to GitHub using the command line

Documentation

In the User Guide, you will find technical details on how to create components and functions and how to use them to build an application.

Contribution

I'm quite open to new feature requests, or any work you want to do. But let's discuss the feature in a new issue with the detailed description before creating new PR.

Community

If you need any help or want someone to set up the workspace with you and get you stepping through code in your IDE, don't be afraid to speak up!

You can ask questions at Webcodesk subreddit .

License

GNU GPLv3

Copyright (c) 2019 Alex Pustovalov


以上所述就是小编给大家介绍的《A front-end visual development tool for React Applications》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Linux/Unix设计思想

Linux/Unix设计思想

甘卡兹 / 漆犇 / 人民邮电出版社 / 2012-3-28 / 39.00元

《Linux\Unix设计思想/图灵程序设计丛书》内容简介:将Linux的开发方式与Unix的原理有效地结合起来,总结出Linux与Unix软件开发中的设计原则。《Linux\Unix设计思想/图灵程序设计丛书》前8章分别介绍了Linux与Unix中9条基本的哲学准则和10条次要准则。第9章和第10章将Unix系统的设计思想与其他系统的设计思想进行了对比。最后介绍了Unix哲学准则在其他领域中的应......一起来看看 《Linux/Unix设计思想》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

随机密码生成器
随机密码生成器

多种字符组合密码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码