rn-placeholder
ποΈ Display some placeholder stuff before rendering your text or media content in React Native
νμΌ νμκΈ°
μ΅μ’ λ²μ λ€μ΄λ‘λ (.zip)- placeholder.gif
- index.html
- index.html
- index.html
- page-data.json
- page-data.json
- page-data.json
- page-data.json
- index.html
- index.html
- index.html
- page-data.json
- page-data.json
- page-data.json
- page-data.json
- 2604715428.json
- 3-338affdc76fe51589f1a.js
- 3-338affdc76fe51589f1a.js.map
- app-d1516e2c8f4f5f375292.js
- app-d1516e2c8f4f5f375292.js.map
- chunk-map.json
- component---src-templates-page-js-acbfb48da923ffea9dad.js
- component---src-templates-page-js-acbfb48da923ffea9dad.js.map
- favicon.ico
- index.html
- webpack-runtime-35cd289576d13b80dd21.js
- webpack-runtime-35cd289576d13b80dd21.js.map
- webpack.stats.json
- 2604715428.json
- 3-7b088af076c51f06ef3f.js
- 3-7b088af076c51f06ef3f.js.map
- app-c1d0fda0f226c9c9e4f2.js
- app-c1d0fda0f226c9c9e4f2.js.map
- app-f30516b1026958bcb453.js
- app-f30516b1026958bcb453.js.map
- chunk-map.json
- component---src-templates-page-js-6b5bdc100882280b29ff.js
- component---src-templates-page-js-6b5bdc100882280b29ff.js.map
- favicon.ico
- index.html
- webpack-runtime-078e73121d17eb8e9125.js
- webpack-runtime-078e73121d17eb8e9125.js.map
- webpack-runtime-59322c2f0c13cbb5b622.js
- webpack-runtime-59322c2f0c13cbb5b622.js.map
- webpack.stats.json
- assets.json
- storyshots.test.ts.snap
- icon.png
- splash.png
- Card.tsx
- Code.tsx
- Title.tsx
- animations.tsx
- customizeAnimation.tsx
- customizeElements.tsx
- customShapes.tsx
- elements.tsx
- index.tsx
- stories.tsx
- .gitignore
- .watchmanconfig
- app.json
- App.tsx
- babel.config.js
- package.json
- storyshots.test.ts
- tsconfig.json
- yarn.lock
- AnimationConsumer.d.ts
- AnimationConsumer.js
- AnimationConsumer.js.map
- context.d.ts
- context.js
- context.js.map
- Fade.d.ts
- Fade.js
- Fade.js.map
- Loader.d.ts
- Loader.js
- Loader.js.map
- Progressive.d.ts
- Progressive.js
- Progressive.js.map
- Raw.d.ts
- Raw.js
- Raw.js.map
- Shine.d.ts
- Shine.js
- Shine.js.map
- ShineOverlay.d.ts
- ShineOverlay.js
- ShineOverlay.js.map
- index.d.ts
- index.js
- index.js.map
- Placeholder.d.ts
- Placeholder.js
- Placeholder.js.map
- PlaceholderLine.d.ts
- PlaceholderLine.js
- PlaceholderLine.js.map
- PlaceholderMedia.d.ts
- PlaceholderMedia.js
- PlaceholderMedia.js.map
- tokens.d.ts
- tokens.js
- tokens.js.map
- context.ts
- Fade.tsx
- Loader.tsx
- Progressive.tsx
- Raw.tsx
- Shine.tsx
- ShineOverlay.tsx
- index.tsx
- Placeholder.tsx
- PlaceholderLine.tsx
- PlaceholderMedia.tsx
- tokens.tsx
- Card.js
- Code.js
- Snippet.js
- ANIMATIONS.mdx
- COMPONENTS.mdx
- HOME.mdx
- MIGRATING.mdx
- index.js
- lightTheme.js
- styles.js
- Cols.js
- Container.js
- Navbar.js
- Page.js
- favicon.ico
- .prettierignore
- .prettierrc
- gatsby-browser.js
- gatsby-config.js
- gatsby-node.js
- package.json
- yarn.lock
- .gitignore
- .npmignore
- .travis.yml
- LICENSE.md
- package.json
- README.md
- tsconfig.json
- tslint.json
- yarn.lock
# μ€μΉ κ°μ΄λ
1. μ½λ λ΄λ €λ°κΈ°
git clone https://github.com/mfrachet/rn-placeholder
κΉνλΈμμ νλ‘μ νΈ μ½λ μ 체λ₯Ό λ΄ μ»΄ν¨ν°λ‘ λ΄λ €λ°μ΅λλ€.
cd rn-placeholder
λ°©κΈ λ΄λ €λ°μ νλ‘μ νΈ ν΄λ μμΌλ‘ μ΄λν©λλ€.
2. Node.js
μ¬μ μΆμ²μ¬μ μ€λΉλ¬Ό
$ yarn add rn-placeholder
μ΄ λͺ λ Ήμ΄λ₯Ό ν°λ―Έλμ κ·Έλλ‘ μ λ ₯ν΄ μ€ννμΈμ.
$ yarn
μ΄ λͺ λ Ήμ΄λ₯Ό ν°λ―Έλμ κ·Έλλ‘ μ λ ₯ν΄ μ€ννμΈμ.
$ cd ./example && yarn && yarn start
κ°λ°/μ€ν μλ²λ₯Ό μΌλλ€.
$ cd ./example-web && yarn && yarn start
κ°λ°/μ€ν μλ²λ₯Ό μΌλλ€.
λͺ
λ Ήμ΄ μ€ν ν ν°λ―Έλμ λνλλ μ£Όμ(λ³΄ν΅ http://localhost:3000 νν)λ₯Ό λΈλΌμ°μ μμ μ΄μ΄λ³΄μΈμ.
μ΄ λ ν¬μ READMEμ μ ν μ€μ λͺ λ Ήμ΄λ₯Ό κ·Έλλ‘ κ°μ Έμμ΅λλ€.
// repository documentation
Was this content helpful?
(0 ratings)
