The latest articles on DEV Community by Homer Chen (@xxhomey19). https://dev.to/xxhomey19 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F91310%2F3bd95486-2104-46e5-be06-ab628b4198fd.jpeg https://dev.to/xxhomey19 en Homer Chen Wed, 03 Oct 2018 06:29:06 +0000 https://dev.to/xxhomey19/nba-bar-----check-nba-in-your-menubar-1dp3 https://dev.to/xxhomey19/nba-bar-----check-nba-in-your-menubar-1dp3 <p>18-19 NBA season is about to begin, so I recently rewrote it using <code>Next.js</code> and <code>react-virtualized</code>, then it runs faster and more smoothly! Hope you like it :)</p> <p>It works on MacOS and Windows. Feel free to download and use it, and if it unfortunately has bugs please open an issue for me thanks ;)</p> <h2> 🖥️ Screenshots </h2> <p> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IP1z8fwU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/38746166-4fdee346-3f79-11e8-9c59-e545b0853922.png" class="article-body-image-wrapper"><img width="1280" alt="screenshot_1" src="https://res.cloudinary.com/practicaldev/image/fetch/s--IP1z8fwU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/38746166-4fdee346-3f79-11e8-9c59-e545b0853922.png"></a> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TIE8Ymfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/38746603-979c5d70-3f7a-11e8-8cf8-131968d4d36a.png" class="article-body-image-wrapper"><img width="1280" alt="screenshot_2" src="https://res.cloudinary.com/practicaldev/image/fetch/s--TIE8Ymfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/38746603-979c5d70-3f7a-11e8-8cf8-131968d4d36a.png"></a> </p> <h2> Repo: <a href="https://github.com/xxhomey19/nba-bar">https://github.com/xxhomey19/nba-bar</a> </h2> opensource react electron showdev Homer Chen Mon, 24 Sep 2018 04:16:57 +0000 https://dev.to/xxhomey19/github-unfold-news-hn https://dev.to/xxhomey19/github-unfold-news-hn <blockquote> <p>Starting from someday, news are folded on GitHub dashboard page. <br><br> I do't really like it, so I build this browser extension to control them.</p> </blockquote> <h2> Screen shot </h2> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uVkIN84B--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/12113222/45936602-e71e0180-bffb-11e8-8aad-0c5873379cbf.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uVkIN84B--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/12113222/45936602-e71e0180-bffb-11e8-8aad-0c5873379cbf.gif" alt="kapture"></a></p> <h2> Install </h2> <p><a href="https://chrome.google.com/webstore/detail/github-unfold-news/hmihjhffenpipakeeplcjmeceafielki"><br> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u3qhIsLW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_496x150.png" width="172"><br> </a><br> <br><br> <a href="https://addons.mozilla.org/en-US/firefox/addon/github-unfold-news/"><br> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8XAgXz-d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://addons.cdn.mozilla.net/static/img/addons-buttons/AMO-button_1.png" width="172" height="60"><br> </a></p> <p>GitHub Link: <a href="https://github.com/xxhomey19/github-unfold-news">https://github.com/xxhomey19/github-unfold-news</a></p> opensource showdev gituhb Homer Chen Thu, 16 Aug 2018 03:25:31 +0000 https://dev.to/xxhomey19/reactjs-jqueryripples-integration-component-3knn https://dev.to/xxhomey19/reactjs-jqueryripples-integration-component-3knn <h1> React Water Wave 💧 </h1> <p><a href="https://xxhomey19.github.io/react-water-wave/" rel="noopener noreferrer"><img alt="screen shot 2018-08-16 at 01 22 16" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F12113222%2F44156457-3fe9509e-a0f3-11e8-9eb3-c045a3323506.png" width="800" height="407"></a></p> <p><a href="https://xxhomey19.github.io/react-water-wave/" rel="noopener noreferrer"><strong>Demo link</strong></a></p> <p><a href="https://github.com/sirxemic/jquery.ripples" rel="noopener noreferrer">sirxemic/jquery.ripples</a> is so cool, so I decided to build a React component for it. This will make it easier for React developers to use.</p> <p>Repo: <a href="https://github.com/xxhomey19/react-water-wave" rel="noopener noreferrer">xxhomey19/react-water-wave</a></p> react opensource showdev Homer Chen Sat, 11 Aug 2018 03:40:11 +0000 https://dev.to/xxhomey19/a-nice-to-have-browser-extension-which-shows-file-icons-on-github-gitlab-etc-19j0 https://dev.to/xxhomey19/a-nice-to-have-browser-extension-which-shows-file-icons-on-github-gitlab-etc-19j0 <p> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TaFzQcJ2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/43987738-ce272626-9d68-11e8-86f5-456d09a04dc3.png" class="article-body-image-wrapper"><img width="989" alt="screen shot 2018-08-11 at 13 16 29" src="https://res.cloudinary.com/practicaldev/image/fetch/s--TaFzQcJ2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/12113222/43987738-ce272626-9d68-11e8-86f5-456d09a04dc3.png"></a> </p> <p>I just wanna make those websites look better. Beautiful UI gets people into good mood.</p> <p>The browser extension works on <strong>GitHub</strong>, <strong>Gitlab</strong>, <strong>Bitbucket</strong>, <strong>gitea</strong> and <strong>gogs</strong>.</p> <p>It's availble on Chrome and Firefox. So far, on Google Chrome Web Store, over 3,000 users have installed it.</p> <h4> Repo Link: <a href="https://github.com/xxhomey19/github-file-icon">https://github.com/xxhomey19/github-file-icon</a> </h4> <h2> Install now </h2> <p> <a href="https://chrome.google.com/webstore/detail/github-file-icon/ficfmibkjjnpogdcfhfokmihanoldbfe"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u3qhIsLW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_496x150.png" width="150"></a> <br> <a href="https://addons.mozilla.org/en-US/firefox/addon/github-file-icon/"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8XAgXz-d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://addons.cdn.mozilla.net/static/img/addons-buttons/AMO-button_1.png" width="150"></a> </p> showdev javascript opensource