react-component-academic-reference
A react component library for using and displaying academic references.
❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️
❗️❗️❗️THIS IS CURRENTLY A WORK IN PROGRESS ❗️❗️❗️
❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️❗️
GET IN TOUCH if you're interested in this component 😄
Usage
; const myReferences = citationKey: 'SAMPLE1' entryType: 'ARTICLE' entryTags: title: 'sample title' author: 'sample author' citationKey: 'SAMPLE2' entryType: 'ARTICLE' entryTags: title: 'sample title' author: 'sample author' citationKey: 'SAMPLE3' entryType: 'ARTICLE' entryTags: title: 'sample title' author: 'sample author' ; const Cite = ; const Article = <main> Lorem ipsem dolor sit <Cite identifier="SAMPLE1" /> <br /> <References referenceStyle=REFERENCE_STYLESharvard references=myReferences /> </main>;
As time goes on I hope I / the open-source community will add support for multiple reference and citation formats.
Compatibility
This is compatible with bibtex-parse-js, which converts bibtex to a JSON object. Usage of this component with bibtex-parse-js can be seen in the example app code here.
Contributing
If you're interested in this project, please get in touch. I will add details on how to contribute directly once I have implemented the basic features.
Future Work
- Fix reference style to match Harvard specification
- Add different styles for Citations (ie
CITATION_STYLES
) so that citations can appear in a different format to[3]
. - Anything else you can think of 😉
- Add support for multiple identifiers per citation (to output
Some cited text [14, 20].
)