0.1.0 • Published 5 years ago
firelib v0.1.0
React components for firebase projects
Components to simplify authentication in Firebase. To install:
npm install firelib
Login/authentication
For demo/description see blog post. Add <UserProvider>
near the root of components hierarchy.
function App({children}){
return (
<UserProvider firebaseConfig={firebaseConfig}>
{children}
</UserProvider>
)
}
Later UserContext to access/update user and authentication information:
export default function Component(props){
const {user, addProperties, accessToken} = useContext(UserContext)
// ...
}
Restrict access to private user page sections:
// password-protected-page-section.js
<PasswordProtected
Login={Login}
Placeholder={Skeleton}
buttons={[GoogleSignInButton]}
>
<Signout>Signout</Signout>
<DeleteUser>Delete account</DeleteUser>
<GoogleSignInButton style={googleLoginStyle}/>
<GoogleSignInButton
style = {googleLoginStyle}
scopes = {["https://www.googleapis.com/auth/drive.readonly"]}
>
Google Drive
</GoogleSignInButton>
<GoogleDriveFilesList/>
</PasswordProtected>
Contributions
Library out of the box is able to address the most common authentication problems: anonymous users, email/password authentication and email password reminders. As authentication is a very application specific subject you may wish to grab repo code and make your modifications. If you do, you are welcome to contribute back. Just initiate a pull request.
0.1.0
5 years ago