ueno-llc/create-ueno-app

The easiest and fastest way to create new web projects with next, gatsby, create-react-app and mobile projects with react-native.

WARNING

These starter kits have been deprecated and are no longer being actively maintained.

Create Ueno App

The easiest and fastest way to create new web projects with next, gatsby, create-react-app and mobile projects with react-native. All of them powered with Ueno's configs. All of our starters kits are shipped with everything to ship rock solid apps.

• Opinionated dependencies
• SASS and CSS modules or Styled components
• Root resolver (import components/header/Header)
• Server Side Rendering
• Code splitting
• React hooks
• Prettier, lint-staged, husky, stylelint

Getting Started

Usage (choose your stack, your app name and style library):

npx create-ueno-app <gatsby|next|cra|native> my-app <sass|styled>

or

yarn create ueno-app <gatsby|next|cra|native> my-app <sass|styled>

Notes

• We don't support yet styled-components on the cra starter.
• We don't and won't support anymore sass on the native starter.
• If you don't provide a style, it will default to styled-components.
• We don't recommend anymore installing create-ueno-app globally but rather using npx/yarn create.

Documentation

The documentation is available here on GitHub Pages.

create-ueno-app's Issues

Type error causes crash after using create-react-app

Hey team,

Thanks for making such an awesome product!

I've got what I hope is a simple one for you. After running create-ueno-app cra my-app
the build completes, but quickly crashes displaying the error:

Type error: Duplicate identifier 'LibraryManagedAttributes'.

The error appears to originate from within the React @types file.

I updated some version numbers in my package.json, deleted the lock file and
install the dependencies again which seems to have fixed the issue. Here are the updates
I made to my package.json file:

--- a/react-baked-image-test/package.json
+++ b/react-baked-image-test/package.json
@@ -4,8 +4,8 @@
   "private": true,
   "dependencies": {
     "@ueno/react-scripts": "1.1.20",
-    "react": "16.8.4",
-    "react-dom": "16.8.4",
+    "react": "16.10.1",
+    "react-dom": "16.10.1",
     "react-helmet": "5.2.0",
     "react-router-dom": "4.3.1",
     "gsap": "2.1.2",
@@ -15,8 +15,8 @@
   },
   "devDependencies": {
     "@types/node": "11.11.3",
-    "@types/react": "16.8.8",
-    "@types/react-dom": "16.8.2",
+    "@types/react": "16.10.1",
+    "@types/react-dom": "16.10.1",
     "@types/react-helmet": "5.0.8",
     "@types/react-router-dom": "4.3.1",
     "@ueno/stylelint-config": "1.1.2",
@@ -26,6 +26,9 @@
     "tslint-react": "3.6.0",
     "typescript": "3.3.3333"
   },
+  "resolutions": {
+    "@types/react": "16.8.8"
+  },
   "scripts": {
     "dev": "react-scripts start",
     "start": "react-scripts start",

Thanks team! Please let me know if there is anything I can do to help you further.
Happy bug squashing!

Readme

Remove readme after app are created

More sample

Maybe Can you create a sample with gsap animation, page transition and using gsap devtools

Issue on npm run prepare

Error: Command failed: npm run prepare
-f was unexpected at this time

npm ERR! [email protected] prepare: 'patch-package && if [ -f ./scripts/postinstall.sh ]; then sh ./scripts/postinstall.sh; fi'

git commit amend

It's not executed somehow on the process.exit

Issue after creating gatsby project

I run yarn create ueno-app gatsby gatsby-www and yarn dev. On localhost:8000 I got

Error: React.Children.only expected to receive a single React element child.

Why the overwrite for the gatsby link is not:

import * as React from 'react';
import { Link as GatsbyLink } from 'gatsby';

export const Link = ({ children, ...props }: any) => (
  <GatsbyLink {...props}>
    {children}
  </GatsbyLink>
);