【文件属性】：
文件名称：julienne：用于共享使用React，Typescript，Firebase和Sancho构建的食谱的示例应用程序
文件大小：1.18MB
文件格式：ZIP
更新时间：2021-02-05 04:49:18
react firebase FirebaseTypeScript
朱丽安
Julienne是一个网络应用程序，可让您与家人和朋友共享食谱。
它使用设计系统，Firebase，Typescript，React和Emotion构建。
。
该代码如何工作
我正在撰写一系列博客文章，解释该项目的代码。 如果时间允许，我将在此处和我的博客上添加它们。
1.
2.
3.
4.
在本地运行
该项目是使用create-react-app ，打字稿和firebase构建的。 为了使其正常运行，您需要创建自己的firebase应用程序并将Firebase配置导出到src/firebase-config.ts中的文件中。 该配置应包括algolia配置，如下所示：
/
【文件预览】：
julienne-master
----functions()
--------index.js(6KB)
--------package.json(713B)
--------.gitignore(12B)
--------yarn.lock(152KB)
----julienne.jpg(375KB)
----firestore.indexes.json(900B)
----package.json(2KB)
----firebase.json(454B)
----LICENSE(1KB)
----src()
--------ImageUpload.jsx(3KB)
--------Editor.jsx(7KB)
--------hooks()
--------images()
--------FollowersList.tsx(4KB)
--------Branding.tsx(13KB)
--------FollowingList.tsx(10KB)
--------FollowingRecipes.tsx(3KB)
--------RecipeList.tsx(7KB)
--------Main.tsx(9KB)
--------react-app-env.d.ts(40B)
--------SearchBox.tsx(2KB)
--------Image.tsx(2KB)
--------db.ts(2KB)
--------Compose.tsx(21KB)
--------Search.ts(2KB)
--------Recipe.tsx(1KB)
--------LoginPane.tsx(7KB)
--------value.json(293B)
--------Layout.tsx(683B)
--------index.tsx(477B)
--------serviceWorker.ts(5KB)
--------App.tsx(2KB)
--------auth.ts(1KB)
--------FadeImage.tsx(1KB)
--------user-context.ts(194B)
----tsconfig.json(463B)
----.gitignore(371B)
----firestore.rules(1KB)
----public()
--------android-chrome-192x192.png(9KB)
--------mstile-70x70.png(5KB)
--------apple-touch-icon.png(9KB)
--------manifest.json(376B)
--------index.html(2KB)
--------safari-pinned-tab.svg(2KB)
--------favicon-32x32.png(2KB)
--------mstile-150x150.png(7KB)
--------mstile-144x144.png(7KB)
--------mstile-310x150.png(8KB)
--------mstile-310x310.png(15KB)
--------favicon-16x16.png(1KB)
--------browserconfig.xml(246B)
--------android-chrome-512x512.png(26KB)
--------favicon.ico(15KB)
----README.md(2KB)
----yarn.lock(538KB)