A universal instagram clone built with Expo
Try it here: http://expogram.netlify.com
A universal instagram clone built with Expo
A universal instagram clone built with Expo
Try it here: http://expogram.netlify.com
I created fresh project and added repo files in this project .Fixed some issues with related by reanimated . But got some errors still exist about permissions I think.
Installed expo-permissions
package. Here is a screenshot from last state of app.
And this is console log of that does nothing on screen
Tried to sample this project today and couldn't get past installing dependencies.
yarn
Ryos-MacBook-Pro:Instagram ryo$ yarn
yarn install v1.22.4
[1/4] ๐ Resolving packages...
[2/4] ๐ Fetching packages...
error Couldn't find match for "eaf091b59cee9509e91a83bab10eb244a78cb9f3" in "refs/heads/@evanbacon/child-should-invoke-dangerouslyRescheduleEvaluate,refs/heads/@evanbacon/event/update-how-events-are-set,refs/heads/@evanbacon/fix-animated-param,refs/heads/@evanbacon/fix-for-loops-passing-nullish-values,refs/heads/@evanbacon/pass-all-nodes-to-sanitize,refs/heads/@kuba/concat-docs,refs/heads/@kuba/docs-improvements,refs/heads/@kuba/e2e,refs/heads/@kuba/optimize-CI,refs/heads/@osdnk/codegen,refs/heads/@osdnk/direct-fixes,refs/heads/@osdnk/perf-experiment,refs/heads/avoid_callbacks,refs/heads/feedback,refs/heads/gh-pages,refs/heads/interpolate-transition,refs/heads/master,refs/heads/native-event-code-improvements,refs/heads/optimize_nodes,refs/heads/revert-401-update-61,refs/heads/rpn,refs/heads/transitioning-playground,refs/tags/1.0.0,refs/tags/1.0.0-alpha.10,refs/tags/1.0.0-alpha.3,refs/tags/1.0.0-alpha.5,refs/tags/1.0.0-alpha.9,refs/tags/1.0.1,refs/tags/1.1.0,refs/tags/1.2.0,refs/tags/1.3.0,refs/tags/1.3.1,refs/tags/1.3.2,refs/tags/1.4.0" for "git://github.com/EvanBacon/react-native-reanimated.git".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
Tried using NPM, got this error:
Ryos-MacBook-Pro:Instagram ryo$ npm i
npm WARN deprecated [email protected]: This version of React Navigation Stack is no longer supported. Please upgrade to 2.x.x. See https://reactnavigation.org/docs/4.x/upgrading-from-3.x#react-navigation-stack for instructions.
npm WARN deprecated [email protected]: Check out `lodash.merge` or `merge-options` instead.
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: use String.prototype.padStart()
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code 1
npm ERR! Command failed: git checkout refs/heads/@evanbacon/more-web-support
npm ERR! error: pathspec 'refs/heads/@evanbacon/more-web-support' did not match any file(s) known to git
npm ERR!
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ryo/.npm/_logs/2020-09-08T21_02_10_532Z-debug.log
I removed the specific package ref from the package.json
and changed it to the current version of the distribution package:
"react-native-reanimated": "^1.13.0",
This allows dependencies to install and yarn start
to run properly. I can then start the web project and browse.
Using the iOS app gives me this error when it finishes loading (QR code -> open Expo -> IG splash screen + loader -> error):
Unable to resolve module `./assets/brand/[email protected]` from `/Users/ryo/Development/React Native/Instagram/Assets.js`: The module `./assets/brand/[email protected]` could not be found from `/Users/ryo/Development/React Native/Instagram/Assets.js`. Indeed, none of these files exist:
* `[email protected]`
* `/Users/ryo/Development/React Native/Instagram/assets/brand/[email protected]/index(.native||.ios.expo.ts|.native.expo.ts|.expo.ts|.ios.expo.tsx|.native.expo.tsx|.expo.tsx|.ios.expo.js|.native.expo.js|.expo.js|.ios.expo.jsx|.native.expo.jsx|.expo.jsx|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.wasm|.native.wasm|.wasm)`
ABI35_0_0facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
ABI35_0_0facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
CAFEEE86-4C94-3AC9-8853-BFE11F70C0F4
CAFEEE86-4C94-3AC9-8853-BFE11F70C0F4
_dispatch_main_queue_callback_4CF
AF42303F-57B6-3C11-8F18-8E80ABF7D886
AF42303F-57B6-3C11-8F18-8E80ABF7D886
CFRunLoopRunSpecific
GSEventRunModal
UIApplicationMain
Exponent
E5E56A85-E4D6-332E-9F32-FED4B986AFE0
Looking at the project folder, the Instagram PNG is there in the correct place.
Hi , I closed #7 issue , imported Animated
library from react-native-reanimated
. And removed some of the function like For Mobile (Causes errors)
Changed permission function getAsync
to askAsync
Now works better , but little weird. Last state is shown here
Running on windows 10
npm WARN tarball tarball data for react-native-gesture-handler@^1.4.1 (sha512-Xp03dq4XYVTD0xmWx4DW4eX+ox1NQLjHmbykspTdS5FCNIVIOekVXRLFCw1698/v8dYUHApNo6K3s3BCD8fqPA==) seems to be corrupted. Trying one more time.
[ ......] - extract: WARN tarball tarball data for react-native-gesture-handler@^1.4.1 (sha512-Xp03dq4XYVTD0xmWx4DW4eX+ox1NQLjHmbykspTdS5FCNIVIOekVXRLFCw1698/v8dYUHApNo6K3s3BCD8fqPA==) seems to be corrupted. Trying on
Any idea on how to fix this? Would love to try Expogram.
Thanks
Hey, thanks for sharing this code and the great work on the clone. I noticed on the web there are no hrefs / link elements in the output, or semantic elements (which you can get via the accessibilityRole
prop).
Hi , I cloned the repo also created new project with updated packages. But fails both of builds on mobile. Most of broken parts related about react-native-reanimated
package. I used git://github.com/EvanBacon/react-native-reanimated.git#refs/heads/@evanbacon/more-web-support repo and latest release (1.4) of library .
I solved some errors with concat
. But errors still happen. ๐ค
Here's the Weekly Digest for EvanBacon/Instagram:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
Last week there were no releases.
That's all for last week, please ๐ Watch and โญ Star the repository EvanBacon/Instagram to receive next weekly updates. ๐
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. ๐
I am seeing the following try to run on iOS
Logs for your project will appear below. Press Ctrl+C to exit.
Unable to resolve "./assets/brand/[email protected]" from "Assets.js"
Failed building JavaScript bundle.
Neither the close button nor escape key work to exit a story
Here's the Weekly Digest for EvanBacon/Instagram:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
Last week there were no releases.
That's all for last week, please ๐ Watch and โญ Star the repository EvanBacon/Instagram to receive next weekly updates. ๐
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. ๐
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.