Comments (4)
안녕하세요! Stackflow에 관심 가져주셔서 감사합니다. 혹시 재현 가능한 경로를 알려주시면 적절한 해결 방법을 가이드해드리도록 하겠습니다. 만약 Private Repo이고, 재현이 힘들다면 저를 Outside Collaborator로 등록해주셔도 됩니다. 감사합니다.
from stackflow.
빠른 확인 너무 감사합니다 토니님!
아쉽게도 사내 망에서만 접근 가능한 bitbucket이라 완전히 같은 상황을 재현하기는 어려울 것 같습니다 ㅠㅠ
이슈를 올린 후 , 몇가지 상황을 더 테스트 해보았는데, 찜찜한 상황 몇가지를 발견하였습니다.
- 내부에서 렌더링하고자 하는 컴포넌트는 react-query 의존성이 있습니다.
- react-query와 관련없이 아무 내용없는 빈 화면을 렌더링 했을 경우 애니메이션이 보이다가 안보이다가 합니다.
- ngrok으로 웹뷰 환경에서 테스트 했을 때는 애니메이션이 보이지 않습니다. ngrok은 region이 japan입니다 .. (한국이 없더라고요 ..)
- 위 상황과 반대로, localhost로 브라우저 환경에서 테스트 하면 애니메이션이 보입니다.
- 빌드한 후 서버에 배포하여 확인해보면 애니메이션이 잘 나옵니다 ..
빌드 한 후 애니메이션이 보이는 것과 , 애니메이션이 보이다가 안보이다가 하는 것은 네트워크 속도가 영향이 있을까요?
아직 주니어라 .. 고려하지 못하는 범위가 있을 수 있습니다.
감사합니다 !!
from stackflow.
React.lazy()
를 쓰신다면, Suspense 관련된 이슈가 있을 수 있어보입니다. React 18을 사용중이신지 확인 부탁드립니다.- 만약 그래도 계속 발생한다면, 안쪽에서 React.lazy를 사용하고, 로딩 스피너를 Suspense로 띄우는 방식을 제안드립니다.
<AppScreen>
<Suspense fallback={...}>
<MyLazyComponent />
</Suspense>
</AppScreen>
(참고) Stackflow를 Next.js와 같은 라우터 기능이 포함된 프레임워크와 함께 사용하는 경우 복잡도가 높아 관리/운영하기 힘든 이슈가 있을 수 있습니다. (라우팅 기능이 Next.js와 Stackflow 이중으로 관리가 필요)
현재 당근 내에서는 SSR이 필요한 경우 Vite SSR 기능을 활용해 자체적으로 Node.js 서버를 만들어 운영하고 있습니다. 고려해보시면 좋겠습니다.
from stackflow.
감사합니다! 안쪽에서 suspense를 사용하는 것도 방법이겠네요 ! 이슈를 닫겠습니다 !
from stackflow.
Related Issues (20)
- History API Interop with `plugin-history-sync` HOT 1
- 명령형 구성 인터페이스 HOT 1
- `stepPush()`로 이동한 화면에서 `replace()` 수행시 스텝 삭제하기 HOT 1
- 질문 - Stackflow와 새로고침 HOT 2
- window check HOT 2
- test code HOT 1
- new custom hook (useRefs)
- [IOS] 기본 뒤로가기 스와이프시 레이아웃 깨짐 HOT 4
- 도큐먼트 개선
- Bug report(history-sync): Pop multiple and replace screen trigger history sync error. HOT 1
- feature request(basic-ui): Change navigating animation with replace event to none. HOT 2
- stackflow를 사용해서 개발을 하려고합니다만 몇 가지 질문 사항이 있습니다.
- stackflow를 사용해서 개발을 진행하기 전에 제가 생각한 기능들이 가능한지에 대해 질문 남깁니다. HOT 1
- 새로고침 시 back 버튼이 날아가는 현상 HOT 1
- `@stackflow/plugin-history-sync` 에서 앞으로 가기 지원 안 함 HOT 4
- `@stackflow/plugin-history-sync` 에서 push 혹은 pop할 url 알아오기 HOT 1
- 빌드 가이드에 사용 Node.js 버전이 명시되면 좋겠습니다.
- SSR 환경에서 새로고침시 액티비티 상태 유지 HOT 1
- activity 를 쌓은 후 브라우저 history.back() 했을때 url 은 이전 url 로 변경되나 화면이 변하지 않습니다. HOT 1
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.
from stackflow.