Mixing
How to package my React hook effects for others to re-use?
up vote
3
down vote
favorite
I'm want to create several open-source React effects for react hooks. For e.g., an effect that checks and updates the user token balance.
The question is: How to pack the effect and create a module, so it will be easy for others to use? How are they going to import and use the effect?
There is any best-practice for that?
javascript reactjs react-hooks
asked 5 hours ago
Aminadav Glickshtein
7,74733078
add a comment |
up vote
3
down vote
favorite
I'm want to create several open-source React effects for react hooks. For e.g., an effect that checks and updates the user token balance.
The question is: How to pack the effect and create a module, so it will be easy for others to use? How are they going to import and use the effect?
There is any best-practice for that?
javascript reactjs react-hooks
asked 5 hours ago
Aminadav Glickshtein
7,74733078
an effect that checks and updates the user token balance.how would this use case help in open source
– Aseem Upadhyay
5 hours ago
add a comment |
up vote
3
down vote
favorite
up vote
3
down vote
favorite
I'm want to create several open-source React effects for react hooks. For e.g., an effect that checks and updates the user token balance.
The question is: How to pack the effect and create a module, so it will be easy for others to use? How are they going to import and use the effect?
There is any best-practice for that?
javascript reactjs react-hooks
asked 5 hours ago
Aminadav Glickshtein
7,74733078
I'm want to create several open-source React effects for react hooks. For e.g., an effect that checks and updates the user token balance.
The question is: How to pack the effect and create a module, so it will be easy for others to use? How are they going to import and use the effect?
There is any best-practice for that?
javascript reactjs react-hooks
javascript reactjs react-hooks
asked 5 hours ago
Aminadav Glickshtein
7,74733078
asked 5 hours ago
Aminadav Glickshtein
7,74733078
asked 5 hours ago
Aminadav Glickshtein
7,74733078
asked 5 hours ago
Aminadav Glickshtein
7,74733078
asked 5 hours ago
Aminadav Glickshtein
7,74733078
7,74733078
an effect that checks and updates the user token balance.how would this use case help in open source
– Aseem Upadhyay
5 hours ago
add a comment |
an effect that checks and updates the user token balance.how would this use case help in open source
– Aseem Upadhyay
5 hours ago
an effect that checks and updates the user token balance. how would this use case help in open source– Aseem Upadhyay
5 hours ago
an effect that checks and updates the user token balance. how would this use case help in open source– Aseem Upadhyay
5 hours ago
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
Your hook must be build with the "low level" hooks provided by react. Coming up with a reusable/generic authentication hook might be challenging though.
import {useState, useEffect} from 'react'
const useAuthentication = () => {
const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
useEffect(() => {
// whatever
})
...
const login = ...
const logout = ...
return [user, login, logout]
}
export default useAuthentication
// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
[user, login, logout] = useAuthentication()
return (
// whatever login/logout button, user name, etc
)
}
answered 4 hours ago
lipp
2,4781818
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
Your hook must be build with the "low level" hooks provided by react. Coming up with a reusable/generic authentication hook might be challenging though.
import {useState, useEffect} from 'react'
const useAuthentication = () => {
const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
useEffect(() => {
// whatever
})
...
const login = ...
const logout = ...
return [user, login, logout]
}
export default useAuthentication
// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
[user, login, logout] = useAuthentication()
return (
// whatever login/logout button, user name, etc
)
}
answered 4 hours ago
lipp
2,4781818
add a comment |
up vote
0
down vote
Your hook must be build with the "low level" hooks provided by react. Coming up with a reusable/generic authentication hook might be challenging though.
import {useState, useEffect} from 'react'
const useAuthentication = () => {
const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
useEffect(() => {
// whatever
})
...
const login = ...
const logout = ...
return [user, login, logout]
}
export default useAuthentication
// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
[user, login, logout] = useAuthentication()
return (
// whatever login/logout button, user name, etc
)
}
answered 4 hours ago
lipp
2,4781818
add a comment |
up vote
0
down vote
up vote
0
down vote
Your hook must be build with the "low level" hooks provided by react. Coming up with a reusable/generic authentication hook might be challenging though.
import {useState, useEffect} from 'react'
const useAuthentication = () => {
const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
useEffect(() => {
// whatever
})
...
const login = ...
const logout = ...
return [user, login, logout]
}
export default useAuthentication
// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
[user, login, logout] = useAuthentication()
return (
// whatever login/logout button, user name, etc
)
}
answered 4 hours ago
lipp
2,4781818
Your hook must be build with the "low level" hooks provided by react. Coming up with a reusable/generic authentication hook might be challenging though.
import {useState, useEffect} from 'react'
const useAuthentication = () => {
const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
useEffect(() => {
// whatever
})
...
const login = ...
const logout = ...
return [user, login, logout]
}
export default useAuthentication
// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
[user, login, logout] = useAuthentication()
return (
// whatever login/logout button, user name, etc
)
}
answered 4 hours ago
lipp
2,4781818
answered 4 hours ago
lipp
2,4781818
answered 4 hours ago
lipp
2,4781818
answered 4 hours ago
lipp
2,4781818
2,4781818
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53371430%2fhow-to-package-my-react-hook-effects-for-others-to-re-use%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
an effect that checks and updates the user token balance.how would this use case help in open source– Aseem Upadhyay
5 hours ago