Put more emphasis on there being multiple exports/imports, add example for default import (#92)

* Add example for default import

* Update using-third-party-react-components.md

* Update using-third-party-react-components.md

Author: 0x53A

docs/using-third-party-react-components.md

@@ -64,9 +64,11 @@ type SomeComponentProps =
 
 ### 3. Define the React component creation function
 
+There are several different ways to declare exports in Javascript (default imports, member imports, namespace imports); depending on how the Javascript React component was declared, you have to choose the right import. Refer to the [Fable docs](http://fable.io/docs/interacting.html#importing-javascript-code) for more information on imports.
+
 Using the `ofImport` function you instruct Fable which component should be instantiated when the creation function is called.
 
-There are several different ways to declare exports in Javascript (default imports, member imports, namespace imports); depending on how the Javascript React component was declared, you have to choose the right import. Refer to the [Fable docs](http://fable.io/docs/interacting.html#importing-javascript-code) for more information on imports.
+#### Member Import
 
 In the example of rc-progress, to declare a `progressLine` creation function that imports the `Line` component from the library `rc-progress`, you would declare it as follows.
 
@@ -84,6 +86,33 @@ The `keyValueList` function is used to convert the props of type `IProgressProps
 
 In the docs of the [rc-progress](https://github.com/react-component/progress) React component the import style used is a *member import* (e.g. `import { Line, Circle } from 'rc-progress';`), so we refer to the component member `Line` directly in the ofImport expression.
 
+#### Default Import
+
+If the export is declard as a default export, then you would use ``"default"`` as the member name.
+Taking [react-native-qrcode-scanner](https://github.com/moaazsidat/react-native-qrcode-scanner) as an example:
+
+To translate the example
+```js
+import QRCodeScanner from 'react-native-qrcode-scanner';
+```
+you would declare your function like 
+
+```fsharp
+let inline qr_code_scanner (props : QRCodeScannerProps list) : ReactElement =
+    ofImport "default" "react-native-qrcode-scanner" (keyValueList CaseRules.LowerFirst props) []
+```
+
+#### Directly creating the element
+
+If you already have a reference to the imported component, then you can also use ``createElement``.
+
+The default import above could also be rewritten like this:
+
+```fsharp
+let rnqs = importDefault "react-native-qrcode-scanner"
+createElement(rnqs, (keyValueList CaseRules.LowerFirst props), [])
+```
+
 ### 4. Use the creation function in your view code
 
 The function you declared in step 2 now behaves just like any other React component function.