├── react ├── .eslintrc.json ├── .gitignore ├── README.md ├── next.config.js ├── package-lock.json ├── package.json ├── public │ ├── next.svg │ └── vercel.svg ├── src │ ├── app │ │ ├── 1-props-example │ │ │ └── page.tsx │ │ ├── 2-children-prop-example │ │ │ └── page.tsx │ │ ├── 3-event-example │ │ │ └── page.tsx │ │ ├── 4-usestate-example │ │ │ └── page.tsx │ │ ├── 5-usecontext-example │ │ │ └── page.tsx │ │ ├── 6-useref-example │ │ │ └── page.tsx │ │ ├── favicon.ico │ │ ├── globals.css │ │ ├── layout.tsx │ │ ├── page.module.css │ │ └── page.tsx │ ├── components │ │ ├── childrenParent │ │ │ ├── Child.tsx │ │ │ ├── Parent.tsx │ │ │ └── SecondChild.tsx │ │ ├── exclude │ │ │ ├── Shape.tsx │ │ │ └── ShapeList.tsx │ │ ├── generic │ │ │ ├── Item.tsx │ │ │ └── ItemList.tsx │ │ ├── navbar │ │ │ └── Navbar.tsx │ │ ├── postCard │ │ │ └── PostCard.tsx │ │ └── postList │ │ │ └── PostList.tsx │ ├── context │ │ └── ThemeContext.tsx │ └── types │ │ ├── PostProps.type.ts │ │ └── types.ts └── tsconfig.json └── typescript-basics └── app.ts /react/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /react/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/.gitignore -------------------------------------------------------------------------------- /react/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/README.md -------------------------------------------------------------------------------- /react/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/next.config.js -------------------------------------------------------------------------------- /react/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/package-lock.json -------------------------------------------------------------------------------- /react/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/package.json -------------------------------------------------------------------------------- /react/public/next.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/public/next.svg -------------------------------------------------------------------------------- /react/public/vercel.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/public/vercel.svg -------------------------------------------------------------------------------- /react/src/app/1-props-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/1-props-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/2-children-prop-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/2-children-prop-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/3-event-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/3-event-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/4-usestate-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/4-usestate-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/5-usecontext-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/5-usecontext-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/6-useref-example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/6-useref-example/page.tsx -------------------------------------------------------------------------------- /react/src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/favicon.ico -------------------------------------------------------------------------------- /react/src/app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/globals.css -------------------------------------------------------------------------------- /react/src/app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/layout.tsx -------------------------------------------------------------------------------- /react/src/app/page.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/page.module.css -------------------------------------------------------------------------------- /react/src/app/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/app/page.tsx -------------------------------------------------------------------------------- /react/src/components/childrenParent/Child.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/childrenParent/Child.tsx -------------------------------------------------------------------------------- /react/src/components/childrenParent/Parent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/childrenParent/Parent.tsx -------------------------------------------------------------------------------- /react/src/components/childrenParent/SecondChild.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/childrenParent/SecondChild.tsx -------------------------------------------------------------------------------- /react/src/components/exclude/Shape.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/exclude/Shape.tsx -------------------------------------------------------------------------------- /react/src/components/exclude/ShapeList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/exclude/ShapeList.tsx -------------------------------------------------------------------------------- /react/src/components/generic/Item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/generic/Item.tsx -------------------------------------------------------------------------------- /react/src/components/generic/ItemList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/generic/ItemList.tsx -------------------------------------------------------------------------------- /react/src/components/navbar/Navbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/navbar/Navbar.tsx -------------------------------------------------------------------------------- /react/src/components/postCard/PostCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/postCard/PostCard.tsx -------------------------------------------------------------------------------- /react/src/components/postList/PostList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/components/postList/PostList.tsx -------------------------------------------------------------------------------- /react/src/context/ThemeContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/context/ThemeContext.tsx -------------------------------------------------------------------------------- /react/src/types/PostProps.type.ts: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /react/src/types/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/src/types/types.ts -------------------------------------------------------------------------------- /react/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/react/tsconfig.json -------------------------------------------------------------------------------- /typescript-basics/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/safak/typescript-tutorial/HEAD/typescript-basics/app.ts --------------------------------------------------------------------------------