The latest articles on Forem by The Project Alpha (@theprojectalpha). https://forem.com/theprojectalpha 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%2F249954%2F81f98de6-04b9-4af1-a710-c88c6029a458.png https://forem.com/theprojectalpha en The Project Alpha Tue, 22 Oct 2019 19:48:44 +0000 https://forem.com/theprojectalpha/storybook-storyshots-with-nextjs-typescript-and-jest-iai https://forem.com/theprojectalpha/storybook-storyshots-with-nextjs-typescript-and-jest-iai <p>Hi everyone, </p> <p>I had an issue while I was looking for a way to use storybook storyshots.</p> <p>Can someone take a look?</p> <p>More details on the GitHub issue: <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/31">https://github.com/hugos29dev/the-Project-Alpha/issues/31</a></p> <div class="ltag_github-liquid-tag"> <h1> <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/31"> <img class="github-logo" alt="GitHub logo" src="https://res.cloudinary.com/practicaldev/image/fetch/s--qF2jUiUG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-6a5bca60a4ebf959a6df7f08217acd07ac2bc285164fae041eacb8a148b1bab9.svg"> <span class="issue-title"> Adding @storybook/addon-storyshots to the project </span> <span class="issue-number">#31</span> </a> </h1> <div class="github-thread"> <div class="timeline-comment-header"> <a href="https://github.com/hugo-s29"> <img class="github-liquid-tag-img" src="https://res.cloudinary.com/practicaldev/image/fetch/s--pX5IvnIj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://avatars0.githubusercontent.com/u/13337064%3Fv%3D4" alt="hugo-s29 avatar"> </a> <span class="arrow-left-outer"></span> <span class="arrow-left-inner"></span> <div class="timeline-comment-header-text"> <strong> <a href="https://github.com/hugo-s29">hugo-s29</a> </strong> commented on <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/31">Oct 22, 2019</a><span class="timestamp"></span> </div> </div> <div class="ltag-github-body"> <p>Hi,</p> <p>I wanted to add Structural Testing to my project using storybook and @storybook/addon-storyshots.</p> <p>I had tried to install it, however, it didn't work...</p> <p>Can someone take a look at it or give me some advice ?</p> <p>Bye, Hugo</p> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/hugos29dev/the-Project-Alpha/issues/31">View on GitHub</a></div> </div> </div> <blockquote class="ltag__twitter-tweet"> <div class="ltag__twitter-tweet__main"> <div class="ltag__twitter-tweet__header"> <img class="ltag__twitter-tweet__profile-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--bF-BgM0o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/profile_images/1183789141382881282/PiVWD1l6_normal.png" alt="The Project Alpha profile image"> <div class="ltag__twitter-tweet__full-name"> The Project Alpha </div> <div class="ltag__twitter-tweet__username"> @thepr0jectalpha </div> <div class="ltag__twitter-tweet__twitter-logo"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--B8bbACBj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/twitter-99c56e7c338b4d5c17d78f658882ddf18b0bbde5b3f42f84e7964689e7e8fb15.svg" alt="twitter logo"> </div> </div> <div class="ltag__twitter-tweet__body"> Hi everyone,<br><br>I had an issue while installing <a href="https://twitter.com/storybookjs">@storybookjs</a> and the addon storyshots with my NextJS <a href="https://twitter.com/typescript">@typescript</a> app.<br><br>Can someone take a look at it ?<br><br><a href="https://t.co/WeSQfVKif8">github.com/hugos29dev/the…</a> </div> <div class="ltag__twitter-tweet__date"> 19:36 PM - 22 Oct 2019 </div> <div class="ltag__twitter-tweet__actions"> <a href="https://twitter.com/intent/tweet?in_reply_to=1186728121057402882" class="ltag__twitter-tweet__actions__button"> <img src="/assets/twitter-reply-action.svg" alt="Twitter reply action"> </a> <a href="https://twitter.com/intent/retweet?tweet_id=1186728121057402882" class="ltag__twitter-tweet__actions__button"> <img src="/assets/twitter-retweet-action.svg" alt="Twitter retweet action"> </a> 1 <a href="https://twitter.com/intent/like?tweet_id=1186728121057402882" class="ltag__twitter-tweet__actions__button"> <img src="/assets/twitter-like-action.svg" alt="Twitter like action"> </a> 1 </div> </div> </blockquote> <p>Bye, <br> Hugo</p> react hacktoberfest testing typescript The Project Alpha Mon, 21 Oct 2019 16:43:14 +0000 https://forem.com/theprojectalpha/storybook-with-typescript-and-nextjs-3oel https://forem.com/theprojectalpha/storybook-with-typescript-and-nextjs-3oel <p>Hi everyone,</p> <p>I was looking for a solution to display my React Components, and I had found <strong>Storybook</strong>. <br> I started looking for a solution to makes it work with my <strong>NextJS Typescript project</strong>, but I haven't found a way to do it...</p> <p>Can someone help me or just give me some advice?</p> <p>I've posted an issue here: <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/11">https://github.com/hugos29dev/the-Project-Alpha/issues/11</a></p> <div class="ltag_github-liquid-tag"> <h1> <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/11"> <img class="github-logo" alt="GitHub logo" src="https://res.cloudinary.com/practicaldev/image/fetch/s--qF2jUiUG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-6a5bca60a4ebf959a6df7f08217acd07ac2bc285164fae041eacb8a148b1bab9.svg"> <span class="issue-title"> Add storybook to the project </span> <span class="issue-number">#11</span> </a> </h1> <div class="github-thread"> <div class="timeline-comment-header"> <a href="https://github.com/hugo-s29"> <img class="github-liquid-tag-img" src="https://res.cloudinary.com/practicaldev/image/fetch/s--pX5IvnIj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://avatars0.githubusercontent.com/u/13337064%3Fv%3D4" alt="hugo-s29 avatar"> </a> <span class="arrow-left-outer"></span> <span class="arrow-left-inner"></span> <div class="timeline-comment-header-text"> <strong> <a href="https://github.com/hugo-s29">hugo-s29</a> </strong> commented on <a href="https://github.com/hugos29dev/the-Project-Alpha/issues/11">Oct 21, 2019</a><span class="timestamp"></span> </div> </div> <div class="ltag-github-body"> <p>Hi,</p> <p>I had some problems while installing <strong>Storybook</strong> with <strong>NextJS</strong> and <strong>Typescript</strong>.</p> <p>This project uses <strong>NextJS 9.1</strong> and the <strong>Typescript config</strong> from <code>create-next-app</code> cli.</p> <p>Can someone find a solution to install <strong>Storybook</strong>?</p> <p>Hugo</p> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/hugos29dev/the-Project-Alpha/issues/11">View on GitHub</a></div> </div> </div> <p>Hugo</p> react hacktoberfest javascript typescript The Project Alpha Mon, 14 Oct 2019 20:41:45 +0000 https://forem.com/theprojectalpha/got-an-issue-while-running-test-with-jest-on-my-typescript-next-js-app-287o https://forem.com/theprojectalpha/got-an-issue-while-running-test-with-jest-on-my-typescript-next-js-app-287o <p>Hi everyone,</p> <p>I had an issue while I was testing my next js app. My app needs some environment variables to get data. However, I didn't found a way to make my code work...</p> <p><a href="https://github.com/hugos29dev/the-Project-Alpha/issues/3">https://github.com/hugos29dev/the-Project-Alpha/issues/3</a></p> <p>Can someone take a look to it...</p> <p>Hugo </p> testing javascript react typescript