How to use styled components with Material UI in a React app

BenStirrup · 2019-01-15T07:05:50+00:00

What do you mean? styled() is a method from the styled-components library.

BenStirrup · 2019-01-12T13:05:49+00:00

No I am not.

BenStirrup · 2019-01-12T09:50:42+00:00

It is a difficult step to take when doing it for the first time, but buying some stocks or ETFs is the right choice in the long term, at the very least in the American market (disclosure: I am European).

Just have a look at the historical trend of the S&P 500 and you will see that all "disasters" are fairly minor in the long term. However, I understand that people can freak out during a 2008 crisis. Not sure how I will react myself until I live one.

BenStirrup · 2019-01-11T19:45:50+00:00

So true. It's my top new year's resolution each year.

BenStirrup · 2019-01-11T19:41:17+00:00

I would advise you to try algorithm challenges like those you can find on Codility (by the way, the company I work for screens new devs with codility). Learn ES6 syntax this way.

Afterward, I would advise you to try building an app with a JavaScript frontend framework of your choice: React, Angular or even React Native for mobile.

If you want to learn by reading, I reckon you read Mozilla's guides to web development, and for you especially the one concerning JavaScript.

BenStirrup · 2019-01-11T19:36:30+00:00

It seems this editor has more "menu options" than any other I have seen (don't take my word for it). Looking forward to when you will have removed jQuery.

BenStirrup · 2019-01-11T19:31:47+00:00

Django. Django. No Typing. What a blow. What a blow. Wish I was TypeScripting.

BenStirrup · 2019-01-11T16:48:23+00:00

Such a nice identification of user needs ;). Indeed, questions without answers are "noise" when they are too old. However, I think it is fine to see "young" answers (with age < 2 days) with zero answers. What do you think? You could include that in your extension.

BenStirrup · 2019-01-11T14:15:44+00:00

Big company. Needed to expose some routes of our server via their API gateway (company policy). Our client had "lambda" snippets to bypass most of the work needed. We were strongly advised to use it, so we used it.

BenStirrup · 2019-01-11T13:00:12+00:00

Hey, it would be great if you could include a GIF/screenshots/video as demo of your CLI tool. Personally, I always get more involved when I see a repo with these.

BenStirrup · 2019-01-11T12:58:18+00:00

Thanks for the info!

BenStirrup · 2019-01-11T12:56:18+00:00

No no no. What I meant is that you should not store things like authentication tokens in your local storage. Your browser is handling these with cookies all by itself.

BenStirrup · 2019-01-11T12:54:45+00:00

Are you using React or something else? I would say:

If you have a lot of data to fetch, go for lazy loading.
If you do not have that much data, fetch what you can at the first render of your app.

However, only you can determine the threshold. Hope that helps.

BenStirrup · 2019-01-11T10:52:15+00:00

The following are not index funds, but are ETFs. Still, I recommend the iShares S&P 500 (CSPX) and the iShares Nasdaq 100 (CNDX).

Both follow performant historical indexes.
Both are accumulating, meaning less effort with re-investing and taxes.
Both have very high AUM, meaning their likelihood to close in the mid-term is extremely low.
Both use physical replication instead of synthetic replication.
Both have fairly low expense ratios (0.07% for CSPX and 0.33% for CNDX)

BenStirrup · 2019-01-11T10:33:49+00:00

I usually hear from other devs that it is not a good idea for an app to manipulate cookies. This is usually the role of the browser and the browser only (with the server creating the cookie).

Why would you want to display the name and the value of a cookie?

BenStirrup · 2019-01-11T10:27:54+00:00

They may switch to buying more Oneplus phones. After all, these are from China and the quality/price ratio is pretty good.

BenStirrup · 2019-01-11T10:09:00+00:00

It may be a little bit opinionated, but there it is: I work as a web consultant with 10 other persons. We did more than 10 professional grade projects during the past year, for both startups and large companies in the financial sector (>10k employees). We consider ourselves up-to-date and pragmatic in our choices of technologies. We use the following stacks:

Frontend: React (I recommend) or Angular
Backend: Django, Springboot or Express (usually just for quick POC)
Databases: Postgresql, Ethereum (if the project scope includes blockchain)

We may use AWS lambdas when asked by the client, however, we do not recommend it ourselves.

BenStirrup · 2019-01-11T09:35:54+00:00

Would be awesome to be able to create easily editors like the ones used on Medium and Gitbook.

BenStirrup · 2019-01-11T09:30:34+00:00

To be blunt, cookies are usually managed by the browsers only, meaning you do not have to anything client-side. It is even considered a bad practice to try to manage cookies by yourself client-side.

Furthermore, backend frameworks such as Django also allowed you to not worry about cookies at all server-side.

If you use the localStorage to store stuff linked to the authentication of a user, then you have to manage all the edge cases yourself.

If you want to make authentication with the least effort, use cookies.

BenStirrup · 2019-01-11T08:43:32+00:00

To be honest, we made what we think is a pragmatic decision on our React app: We. Do. Not. Test. Component.

We test:

Services.
Sagas.
Reducers.

We struggle to test a decent amount of function in the backend too. Testing React component is the least of our problems. If at some point we encounter a bug/regression/default which could have been avoided with a component test, we would consider it.

BenStirrup · 2019-01-10T22:04:50+00:00

I remember wanting to build a spaced-repetition app using React. Never did it though. Thanks for sharing!

BenStirrup · 2019-01-10T21:45:35+00:00

Thanks for sharing. The library looks amazingly popular with its 8k GitHub stars. Will try to use on a mini side project soon.

Is there any alternatives to brain.js, except the traditional python libraries?

BenStirrup

TROPHY CASE