Comments (5)
Following up on this, I discovered that If I have another flag inside useFlags()
, and if that flag is always enabled in the Flagsmith console, the isLoading
property behaves as I'd expect.
export default function Home() {
const flagsmith = useFlagsmith();
const flags = useFlags(['first_feature', 'foo']);
useEffect(() => {
document.title = 'Home';
}, []);
if (!flagsmith.isLoading) {
return (
<>
{flags.first_feature.enabled && (
<p>{flagsmith.identity} has first_feature flag enabled🎉</p>
)}
<h1>home page</h1>
</>
);
}
}
So in this version, the first_feature
flag is disabled on the Flagsmith console and the foo
flag is enabled. flagsmith.isLoading
starts out as false, then changes to true and finally ends up false as I'd expect.
from flagsmith-js-client.
Apologies for the silence on this @Marlon-Buckley @vik-buchinski, I've tested internally and am happy with the current PR. I'll be getting this reviewed by our team, in the meantime there is a beta version on npm - 3.18.5-beta7
from flagsmith-js-client.
Hey @Marlon-Buckley, isLoading was actually intended just for internal use at this time, hence why it wasn't referenced in our docs. We do have plans for adding a strategy for loading state as it's a bit more complex than just isLoading when you consider cache and default flags.
Please refer to #169, if it interests you I could publish a beta for this to see if it fits your usecase?
from flagsmith-js-client.
Hi @kyle-ssg thanks for explaining, that makes sense. I'd be happy to test out the changes in #169, if that's not too much trouble!
from flagsmith-js-client.
@kyle-ssg Hello!
Any progress or deadline for releasing #169 ?
Thanks in advance!
from flagsmith-js-client.
Related Issues (20)
- isLoading never updates to false HOT 2
- Flagsmith's `loadingState.error` is not respect actual error state HOT 11
- [Bug] - NextJS >= 13.0.0 SSR `useFlagsmith` state not matching the state that is passed to the provider. HOT 16
- flagsmith/react only works in React 18 HOT 3
- [Bug] - TypeError: Cannot read properties of null (reading 'getValue') HOT 5
- Flagsmith's 'useFlags' doesn't return actual cached flags when request failed HOT 2
- Rollup Name for react HOT 5
- Inconsistent license information HOT 2
- Caching with multiple instance doesn't work HOT 6
- Typing issue in react.tsx: 'flagsmith' is possibly 'null' HOT 3
- useFlags() race condition HOT 8
- Different environments not working HOT 5
- Localstorage cache is not being wiped out in some edge cases HOT 3
- Support `getValue` fallback without `json` flag HOT 2
- useFlags not updating values in react18/Nextjs App Router
- 3.23.0 seems to have broken something HOT 4
- Intermittent Flakiness in Feature Flags on Safari/MacOS HOT 2
- Flags are null when the cacheFlags option is true HOT 3
- Typescript compiler errror `Cannot find name 'F'.` when compiling flagsmith in Angular project HOT 3
- Bundle ES(flagsmith-es) and combine with standard CJS module (flagsmith)
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 flagsmith-js-client.