Skip to content

Commit 348e70e

Browse files
author
Nicolas Garnier
committed
New release v1.1.9
1 parent 2c867db commit 348e70e

11 files changed

+1532
-339
lines changed

dist/FirebaseAuth.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/FirebaseAuth.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/README.md

+13-10
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
[![npm version](https://badge.fury.io/js/react-firebaseui.svg)](https://badge.fury.io/js/react-firebaseui)
2+
[![GitHub license](https://img.shields.io/github/license/firebase/firebaseui-web-react.svg)](https://github.com/Firebase/firebaseui-web-react/blob/master/LICENSE)
3+
14
# FirebaseUI React Components
25

36
FirebaseUI React Components provides React Wrappers on top of the [Firebase UI Web library](https://github.com/firebase/firebaseui-web/) and notably Firebase UI Auth.
@@ -33,8 +36,8 @@ In your app:
3336
There are two similar components that allow you to add FirebaseUI auth to your application: `FirebaseAuth` and `StyledFirebaseAuth`.
3437
- `FirebaseAuth` has a reference to the FirebaseUI CSS file (it `requires` the CSS).
3538
- `StyledFirebaseAuth` is bundled with the CSS directly.
36-
37-
For simplicity you should use `StyledFirebaseAuth` and for potential better performances and build sizes you can use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of yor webpack built configuration. See the [Packing your app](#packing-your-app) section.
39+
40+
For simplicity you should use `StyledFirebaseAuth` and for potential better performances and build sizes you can use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of your webpack built configuration. See the [Packing your app](#packing-your-app) section.
3841

3942

4043
### Using `StyledFirebaseAuth` with a redirect
@@ -100,12 +103,12 @@ const config = {
100103
firebase.initializeApp(config);
101104

102105
class SignInScreen extends React.Component {
103-
106+
104107
// The component's Local state.
105108
state = {
106109
signedIn: false // Local signed-in state.
107110
};
108-
111+
109112
// Configure FirebaseUI.
110113
uiConfig = {
111114
// Popup signin flow rather than redirect flow.
@@ -122,12 +125,12 @@ class SignInScreen extends React.Component {
122125
};
123126

124127
// Listen to the Firebase Auth state and set the local state.
125-
componentWillMount() {
128+
componentDidMount() {
126129
firebase.auth().onAuthStateChanged(
127130
(user) => this.setState({signedIn: !!user})
128131
);
129132
}
130-
133+
131134
render() {
132135
if (!this.state.signedIn) {
133136
return (
@@ -261,8 +264,8 @@ If you are using CSS modules in your app you need to handle the CSS files in `/n
261264
}
262265
```
263266

264-
## Styling
265-
267+
## Styling
268+
266269
To change the styling of the `FirebaseAuth` or the `StyledFirebaseAuth` widget you can override some of its CSS. To do this, import a CSS that will be included in your packed application. For instance create a `firebaseui-styling.global.css` file and import it in your app:
267270

268271
```js
@@ -278,9 +281,9 @@ Alternatively you can include the styling in a `<style>` tag in your application
278281

279282
## Server-Side Rendering (SSR)
280283

281-
FirebaseUI React cannot be rendered on the serverside becasue the underlying, wrapped library ([FirebaseUI](https://npmjs.com/package/firebaseui) does not work server-side.
284+
FirebaseUI React cannot be rendered server-side because the underlying, wrapped library ([FirebaseUI](https://npmjs.com/package/firebaseui)) does not work server-side.
282285

283-
You may still import and include the library in an app that uses SSR: there should be no errors but no elements will be rendered.
286+
You can still import and include this library in an app that uses SSR: there should be no errors but no elements will be rendered.
284287

285288

286289
## Contributing

dist/StyledFirebaseAuth.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/StyledFirebaseAuth.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/package-lock.json

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-firebaseui",
3-
"version": "1.1.8",
3+
"version": "1.1.9",
44
"description": "React wrapper for firebaseui: Javascript library for customizable UI on top of Firebase SDK",
55
"files": [
66
"FirebaseAuth.js",
@@ -28,7 +28,7 @@
2828
"firebase": "^4"
2929
},
3030
"dependencies": {
31-
"firebaseui": "^2.4",
31+
"firebaseui": "^2.4.0",
3232
"react": "^15"
3333
},
3434
"devDependencies": {

example/package-lock.json

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

example/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"firebaseui": "^2.6.0",
1111
"react": "15.6.1",
1212
"react-dom": "15.6.1",
13-
"react-firebaseui": "^1.1.8"
13+
"react-firebaseui": "^1.1.9"
1414
},
1515
"devDependencies": {
1616
"babel-cli": "6.24.1",

0 commit comments

Comments
 (0)