Use CRA to get you going.
$ npx create-react-app component-libraryYou're going to want styleguidist. Follow the instructions here.
Add .babelrc file to the root of your library.
Vijay Deepak vijaydeepak-tt
vijaydeepak-tt
/ cra-to-library.md
Created
November 16, 2022 05:12
vijaydeepak-tt
/ Projects to try
Created
August 10, 2020 16:07
A list of projects to try by a developer.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 1. Web scraper | |
| 2. Built an API | |
| 3. Snake game | |
| 4. Create a basic web server | |
| 5. Chip-8 Emulator | |
| ------------------------------ | |
| 1. Simple clone of app in web application | |
| 2. Popular Algorithms |
vijaydeepak-tt
/ design-resources-for-developers.md
Created
May 7, 2020 10:30
A curated list of FREE design & UI resources for developers including stock photos, templates, frameworks, UI Kits, online tools and much much more.
vijaydeepak-tt
/ Open Source websites link's
Created
May 3, 2020 04:57
Websites to get open source data, images, API etc.,
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Random User Images --> https://randomuser.me/documentation | |
| Illustrator Images --> https://undraw.co/illustrations |
vijaydeepak-tt
/ github links
Created
March 4, 2020 13:00
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://github.com/KavyaRajendran | |
| https://github.com/monikamohan98gmailcom | |
| https://github.com/karthikshanmugam77 | |
| https://github.com/JanuLakshmanan | |
| https://github.com/Dhanush1919 | |
| https://github.com/PhoenixHarsha02 | |
| https://github.com/muralin250499 | |
| https://github.com/MohanapriyaLingusamy | |
| https://github.com/vikyzz | |
| https://github.com/sri-11 |
vijaydeepak-tt
/ file_upload_download.html
Last active
March 17, 2020 09:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Document</title> | |
| <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script> | |
| </head> | |
| <body> | |
| <form> |
vijaydeepak-tt
/ javascript
Created
February 23, 2020 11:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| String methods: | |
| concat() | |
| endsWith() | |
| includes() | |
| indexOf() | |
| lastIndexOf() | |
| repeat() | |
| replace() | |
| search() |
vijaydeepak-tt
/ JavaScript libraries
Created
February 12, 2020 16:14
A list of JavaScript libraries
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Anime.js - https://animejs.com/ | |
| Howler.js - https://howlerjs.com/ | |
| Chart.js - https://www.chartjs.org/ | |
| Reveal.js - https://revealjs.com | |
| Three.js - https://threejs.org/ | |
| Pixi.js - https://www.pixijs.com/ | |
| Video.js - https://videojs.com/ |
vijaydeepak-tt
/ React github publish
Created
November 25, 2019 16:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Step1: Push all codes to the git hub | |
| Step2: Add "hompage": "https://username.github.io/repository-name" after the scripts object in the packet.json | |
| Step3: Add basename="/repository-name" to the mainRouter element | |
| Step4: In cmd run the command "npm run build" that it will create the production built file inside the project folder. | |
| Step5: Again run the command "npm install --save-dev gh-pages" that is used to publish the project. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Publishing Procedure: | |
| Step1: Run "npm build --prod". | |
| Step2: install ghpage for angular cli by running "npm i -g angular-cli-ghpages" in cmd. | |
| Step3: push the complete code to the github repository. | |
| Step4: run ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY/" command. |
NewerOlder