Create Ueno App

Overview:

The Ueno App is a set of starter kits that provide an easy and fast way to create new web projects using popular frameworks such as Next, Gatsby, and Create React App, as well as mobile projects using React Native. These starter kits come with Ueno’s configurations and include everything needed to develop and deploy robust applications. The Ueno App also includes opinionated dependencies, such as SASS and CSS modules or styled components, server-side rendering, code splitting, React hooks, and tools like Prettier, lint-staged, husky, and stylelint.

Features:

• Opinionated dependencies: The starter kits include pre-configured dependencies like SASS and CSS modules or styled components, giving developers the flexibility to choose their preferred styling approach.
• Root resolver: The kits allow for easy importing of components using the root resolver syntax (e.g., import components/header/Header). This simplifies the import process and improves code organization.
• Server-side rendering: The kits support server-side rendering, enabling faster initial page loads and improved SEO.
• Code splitting: The starter kits automatically split the code into smaller chunks, optimizing performance by loading only the required code for each page or component.
• React hooks: The Ueno App leverages the power of React hooks, allowing developers to write more concise and reusable code.
• Prettier, lint-staged, husky, stylelint: The starter kits come with tools like Prettier for code formatting, lint-staged for running linters on staged files, husky for pre-commit and pre-push hooks, and stylelint for enforcing consistent coding styles in CSS.

Installation:

To get started with the Ueno App, follow these steps:

1. Choose your preferred stack (Next, Gatsby, or Create React App) and navigate to the respective directory.
2. Run the following command to create a new project:

npx create-ueno-app [app-name]

Replace [app-name] with the desired name for your project. 3. Optionally, specify a style library by adding the --style=sass or --style=styled-components flag to the command. If no style library is provided, it will default to styled-components. 4. Once the command finishes running, navigate to the newly created project directory and start developing your app.

Note: The Ueno App does not currently support styled-components on the Create React App starter, and SASS is no longer supported on the React Native starter.

Summary:

The Ueno App provides a collection of starter kits that simplify the process of creating web and mobile projects. With opinionated dependencies, server-side rendering, code splitting, React hooks, and helpful tools, developers can quickly set up rock-solid applications. The easy installation process allows for a seamless starting point, and the provided documentation ensures developers have all the resources needed to get started. Whether you are building a Next, Gatsby, or Create React App project, the Ueno App has got you covered.