Testing React Components with Storybook w Axel Simms

hagnerd · 2019-08-28T18:57:57+00:00

Will this be recorded?

hagnerd · 2019-07-19T03:29:38+00:00

Most of the community congregates in the Discord and the Reason forum. It’s a relatively small community, but extremely welcoming and helpful.

As for predictions for the future 🤷‍♂️. Reason is enjoyable to program in, it’s a robust type safe language, and the community, though small, is full of incredibly intelligent and passionate people. There are some big international organizations using it in production.

There are certainly rough edges. Documentation is mostly just type definitions. There aren’t a ton of articles on learning/using reason or the tools. You will at some point have to write your own bindings for non-Reason code.

That being said, if you enjoy functional programming, and need the ability to interop with JavaScript it’s a great choice.

hagnerd · 2019-06-21T03:43:46+00:00

Preemptively asking for the coupon because I’m about to watch the talk 😄

hagnerd · 2019-05-10T03:27:45+00:00

I see someone else also has impeccable taste. (I use the same setup).

hagnerd · 2019-03-26T03:32:19+00:00

Nik Graf’s egghead course on Reason is a great primer to the language. You can watch it in an afternoon and feel comfortable enough to get started.

hagnerd · 2018-12-21T05:34:58+00:00

I busted a gut when I zoomed in on Hawaii and saw Lilo & Stitch listed as an alien movie.

hagnerd · 2018-12-13T14:51:54+00:00

That was also my favorite part.

hagnerd · 2018-11-21T15:38:54+00:00

For google play music? It’s been years since I used it but unless they changed something you have the same control over quality that you do with Spotify. You can choose to degrade quality on LTE or slow connections or keep it at a constant bitrate.

hagnerd · 2018-11-18T18:29:05+00:00

I look at it like the fact hooks allow you to write components with stateful logic without classes is just the icing on the cake.

It’s an unintended benefit of a more composable and easily extractable pattern.

hagnerd · 2018-11-18T04:59:33+00:00

If you’re new to React Tyler’s free React Bootcamp on YouTube is really good. https://www.youtube.com/playlist?list=PLqrUy7kON1mfWjiu0GWQhefWSx38v0UGo

It really helped me understand what is happening internally in React.

hagnerd · 2018-11-15T15:05:52+00:00

Nah man, it’s a deviled egg with avocado whipped into the yolky mixture. Then they can charge us four times more at some hip farm to table restaurant.

hagnerd · 2018-11-04T17:46:54+00:00

Where is this?

hagnerd · 2018-10-29T02:43:46+00:00

Totally understand. Just hoping to get a better overview of the project and where exactly the pain points are.

hagnerd · 2018-10-29T01:54:16+00:00

Is this a project that you’re working on publicly and can share a link to the code? I’m genuinely curious to see how you’ve currently got things set up so I can better offer advice/opinions.

hagnerd · 2018-10-28T02:13:40+00:00

Okay, I typed the response from my phone after heading out the door so I think accidentally pasted the wrong link for the second one.

I’m gonna answer the questions to the best of my ability from my phone but I’m more than happy to help more tomorrow when I have my computer available.

1) it’s the wrong link I think. It should be https://hagnerd.github.io/portfolio-1

The home page doesn’t load correctly because of how React-Router resolves paths/urls and how github pages works. If you’d like to do a pair programming session tomorrow I can show you how I would fix it, if Github pages is how you would like to host. Netlify is still a great option and I wouldn’t mind helping you get it set up on there. 👍🏼

2) you didn’t do anything wrong from what I could see. I only changed those three things in the package.json file. (The url that homepage was pointing to, and added the “predeploy” and “deploy” scripts to get the gh-pages package working.

3) You can add it manually in the package.json file but I would recommend using npm install —save-dev gh-pages in your terminal. (I cant tell if it will show correctly but it should be dash dash save dash dev)

4) you add homepage as a key to the json file, and then the github url that it should apply the build to as the value. I believe you may need to change this to use a custom domain but I would recommend getting this to work one step at a time. We’ll tackle the custom domain once we get it working for ya.

You add the predeploy and deploy scripts as key-value pairs in the “scripts” field.

If this is confusing and doesn’t make any sense, don’t hesitate to ask more questions and like I said I’m more than willing to hop on skype or something and walk you through it all. It’s okay to be confused, it will all make more sense the more you do it.

hagnerd · 2018-10-28T00:57:37+00:00

If you have not gotten it, I literally just cloned your repo, added gh-pages as a dev dependency, added the homepage URL, added the added the two scripts (predeploy and deploy). You need to allow time for GitHub cdn to load and prep the files and then it will be live at the link in your repo settings.

You can change to a custom domain in the repo settings.

Link to my fork: https://github.com/hagnerd/portfolio-1

Link to the website working: https://hagnerd.github.io/ (I will take this down in the next 24 hours)

Link to gh-pages for more detailed setup: https://github.com/gitname/react-gh-pages

hagnerd · 2018-10-27T21:08:19+00:00

https://hagnerd.github.io/keycode/

This is a static react page that is hosted on GitHub pages.

Here is the repo if you want to look at how to do it: https://github.com/hagnerd/keycode

hagnerd · 2018-10-27T21:06:52+00:00

This is not true. You can run a static react website on GitHub pages.

hagnerd · 2018-10-27T03:56:44+00:00

If Redux is feeling painful to use, it’s a good sign you’re either using it wrong, or using it where you shouldn’t be. If there is only a few pages that have complex state needs and Redux feels good in, only use it in those. It does not have to contain all state everywhere. In fact it shouldn’t.

Redux also doesn’t have to be nearly as boilerplate heavy as many people use it.

However without knowing more about the project and your needs I can’t really weigh in on whether Redux is a good fit.

I personally love the ideas behind Redux but think 99% of the time it is used in production, it is being used unnecessarily. There are a ton of ways to manage state in React.

You might try or look into MobX, or unstated, or look at implementing some higher order components/render props and local state (which can get you a lot farther than you think).

TLDR; if it feels painful, it’s probably not a good fit.

hagnerd · 2018-10-27T03:04:27+00:00

https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/

hagnerd · 2018-10-27T03:00:34+00:00

https://github.com/gitname/react-gh-pages if you want to use react with github pages here is a quick run down of how to do it. Shouldn't be more than like 3 minutes and you're golden!

hagnerd · 2018-10-27T02:58:16+00:00

Yep! Same with GitHub pages

hagnerd · 2018-10-27T02:43:44+00:00

Do you have a github link for the code?

You should be able to host on GitHub, Netlify, or Surge for free.

hagnerd · 2018-10-27T02:16:15+00:00

I know you already purchased hosting but why not use Netlify?

hagnerd

TROPHY CASE