evanbacon / instagram Goto Github PK

View Code? Open in Web Editor NEW

299.0 13.0 41.0 4.82 MB

A universal instagram clone built with Expo

JavaScript 100.00%

expo react-native-web react-native demo side-project react react-navigation expo-web

instagram's Introduction

Instagram

A universal instagram clone built with Expo

Try it here: http://expogram.netlify.com

instagram's People

Contributors

Stargazers

Watchers

instagram's Issues

Weekly Digest (23 January, 2020 - 30 January, 2020)

Here's the Weekly Digest for EvanBacon/Instagram:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

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. 📆

Opacity Problem

Hi , I closed #7 issue , imported Animated library from react-native-reanimated . And removed some of the function like For Mobile (Causes errors)

window.addEventListener
scroll.addListener

Changed permission function getAsync to askAsync Now works better , but little weird. Last state is shown here

Javascript build is paused at 98%

Javascript build is paused at 98% also getting these error

1.should NOT have additional property 'web'.
2.Field: platforms - should NOT have more than 2 items.

Expo CLI version: 2.17.3
OS: Ubuntu 18.04

npm install get's stuck in the middle on Windows 10

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

Can't install dependencies - iOS not working

Tried to sample this project today and couldn't get past installing dependencies.

Process

Git clone project
yarn
Receive error:

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

Solution?

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.

Other Random issues

Can't close Stories in desktop web. The "X" button in the top right isn't clickable. Requires the user to refresh the page to get out of the story view.

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).

Fails both of versions on Expo SDK's

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. 🤔

Problem with assets

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.

Weekly Digest (26 January, 2020 - 2 February, 2020)

Here's the Weekly Digest for EvanBacon/Instagram:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

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. 📆

Cannot enable Camera, AudioRecording

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

Can't exit stories on desktop / with mouse

Neither the close button nor escape key work to exit a story

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

evanbacon / instagram Goto Github PK

instagram's Introduction

Instagram

instagram's People

Contributors

Stargazers

Watchers

Forkers

instagram's Issues

ISSUES

PULL REQUESTS

COMMITS

CONTRIBUTORS

STARGAZERS

RELEASES

Process

Solution?

Other Random issues

ISSUES

PULL REQUESTS

COMMITS

CONTRIBUTORS

STARGAZERS

RELEASES

Recommend Projects

Recommend Topics

Recommend Org