\r\noneJS is a next generation, open source JavaScript framework for building modern apps for web and mobile from a single codebase. oneJS is not owned by any Tech Giant; it is an independent project developed by contributors from all around the world. oneJS is based on three principles:\r\n\r\n- **Functional:** Predictable, code efficient and easily testable. Pure functions are the building blocks of oneJS. Fall in love with the functional programming paradigm ❤️.\r\n- **JS Only. Really:** You can write your entire app in pure Vanilla JS or Typescript. That's right, not a single line of HTML, CSS or JSX needed. Can you believe it?\r\n- **Cross Platform:** Write the same code for web and native apps. Simplicity is our true cross platform weapon; reduce your effort and multiply your reach! Powered by [React][react] and [React Native's][rn] new architecture.\r\n\r\n[react]: https://reactjs.org/\r\n[rn]: https://reactnative.dev/\r\n\r\n## 🗂️ Repository: components\r\n\r\nA component is a function that receives properties and returns a structure that can be rendered on the screen. This repository contains all the components offered out of the box by oneJS and functions to create your own. Head to the [docs][docs] section to discover all the **comopnents** you can import.\r\n\r\n## 🚀 Get Started\r\n\r\nOpen your terminal window and navigate to the folder that will contain your app. Once there type the command below:\r\n\r\n```\r\nnpx @onejs-dev/create-app\r\n```\r\nFollow the instructions in the terminal to setup your app. Once ready, type the start command:\r\n```\r\nnpm start\r\n```\r\nVisit the [Start!][start] section of our website for more in depth content.\r\n\r\n[start]: https://onejs.dev/get-started\r\n\r\n## 🧪 Example\r\n\r\nOur best publicity is our own code. The example below is our version of the \"Hello World!\" staple:\r\n```js\r\n/* Imports: Required modules to setup the app ================================================== */\r\nimport { app, read, update } from \"@onejs-dev/core\";\r\nimport { Text, View, Input } from \"@onejs-dev/components\";\r\n\r\n/* State: Variable declaration ================================================================= */\r\nconst state = { name: \"World\" };\r\n\r\n/* App Component: Returns the structure to be rendered ========================================== */\r\nconst AppComponent = () => {\r\n return View({ content: { h: \"center\", v: \"center\", direction: \"column\" } })([\r\n Text({ style: { fontSize: 22, paddingBlock: 60 } })(`Hello ${read(\"name\")}!`),\r\n Input({ type: \"text\", value: read(\"name\"), onChange: update(\"name\") })\r\n ]);\r\n};\r\n\r\n/* App Function: Renders the App Component in the screen ======================================== */\r\napp({component: AppComponent, theme: {preset: \"oneJS\"}, state: state });\r\n```\r\n100% JavaScript as promised. You won’t have to write a single line in any other language.\r\n\r\nUse the online [Playground][play] to put your skills to test.\r\n\r\n[play]: https://onejs.dev/playground\r\n\r\n## 📖 Documentation\r\n\r\nThe full oneJS documentation can be found on our [website][docs].\r\n\r\nYou do not require extensive JavaScript knowledge to become an expert in oneJS; the [learn section][learn] will take you from zero to hero! It is composed of several units, each focusing on a key topic. \r\n\r\n[docs]: https://onejs.dev/docs\r\n[learn]: https://onejs.dev/learn\r\n\r\n## ⚖️License\r\n\r\noneJS is MIT licensed.\r\n\r\n
![\"oneJS\"](\"https://user-images.githubusercontent.com/98762998/210245869-21fdfcf0-4aff-41e3-a4c0-081505016f6d.svg\")
\r\n![\"oneJS](\"https://img.shields.io/badge/license-MIT-blue.svg\"){kind=icon}
\r\n \r\n \r\n \r\n ![\"Current](\"https://img.shields.io/npm/v/@onejs-dev/components?color=brightgreen&label=npm%20package\")
![\"PRs](\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\"){kind=icon}
\r\n \r\n![\"oneJS\"](\"https://user-images.githubusercontent.com/98762998/210245537-180314c5-51b1-4b01-b3b8-d02d50b77d73.svg\")
\r\n