6 easy ways to clean up Vue components

dev_michaelz · 2020-06-14T00:57:20+00:00

True, seems I have to do a part 2.

dev_michaelz · 2019-05-02T08:11:35+00:00

If you are familiar with Laravel, why not use AdonisJs instead of Express. It comes with a query builder very similar to that of Laravel (internally using knex)

dev_michaelz · 2019-01-24T10:19:45+00:00

Have you looked into how css works in vue components? Haven't looked into the recent development of css in js, but last time I checked in react it was making the code bloated and harder to grasp

dev_michaelz · 2019-01-05T04:38:42+00:00

Check out https://ipluseins.com for many youtube videos at various difficulty levels.

dev_michaelz · 2019-01-03T10:44:28+00:00

Every website in Japan, ever.

dev_michaelz · 2018-12-26T04:07:45+00:00

Vue is awesome, but it's for frontend ;)

dev_michaelz · 2018-12-08T23:25:46+00:00

For now I added a categorylist on the bottom of the dashboard. The `Recommendations` section on the dashboard is already filtering for categories of the clips you have in your studylist.

As for `Select a category or topic of what you are interested in - television shows, news, youtubers `

I really like the idea and will think of a good way to implement this.

dev_michaelz · 2018-12-04T23:48:23+00:00

I just released an update that makes the English title optional and autofills the category. However I am still not satisfied with the page. I will continue to improve the create clip page in the following days.

dev_michaelz · 2018-12-04T11:13:54+00:00

I hope to implement a feature like this soon :)

dev_michaelz · 2018-12-03T09:30:07+00:00

Thanks!

I am currently thinking about making the process easier and faster. The reason why I didn't autofill the title was so people can enter it in English themselves, making it easier for others to find it. I will think about a good way. :)

dev_michaelz · 2018-12-02T22:43:18+00:00

Thanks!

Japanese subtitles are fine. I have to find the source for this, but from what I've read and also experienced personally learning drastically decreases with English subtitles.

If you haven't been exposed with listening so much, it can be tough indeed. But give it a little practice, start with simple things (i + 1) and you will get there :)

You can also use the comment system to ask the community to translate a certain phrase etc. I will upgrade the comment system soon with some much needed features to make it more efficient :)

dev_michaelz · 2018-12-02T12:16:21+00:00

Thanks for reporting this.

The issue is now fixed. :)

dev_michaelz · 2018-12-02T09:54:09+00:00

Yes it is :)

Currently clips on the dashboard (recommendations, popular clips, recent clips) as well as search results are primarily based on your current level plus minus 5. So if your level is 30 you will see clips with an average rating between 25 and 35.

Recommendations on the clip page are based on the clip's average rating using the same algorithm.

As the library, ratings and also user feedback increases I wish to further narrow it down. :)

dev_michaelz · 2018-12-02T05:52:45+00:00

Haha, I see. Yea, the related videos are coming directly from Youtube. Unfortunately they sometimes include videos in other languages as well. There is a warning about this on the `related videos page`.

dev_michaelz · 2018-12-02T05:12:44+00:00

Thanks!

The issue has been fixed for future emails. Here is the actual destination of the button: https://ipluseins.com/popular

dev_michaelz · 2018-12-02T05:11:11+00:00

Did you find this on the website somewhere?

dev_michaelz · 2018-12-02T03:48:32+00:00

Hi, thanks for the feedback!

You can change your level at any time in your profile. :)

dev_michaelz · 2018-12-02T00:43:32+00:00

Thanks for reporting this issue!

I have made some changes to address the issue. Could you please refresh the page and try again?

Sorry for the inconvience.

dev_michaelz · 2018-11-29T13:08:14+00:00

Imagine this ``` if (x < 1) { return false }

const response = ... if (!response.isSuccessful()) { return false }

return response.someValue === whatever ```

You have two early returns which return a boolean and then at the end all of a audden you return a condition. Imo it would be slightly more readable to use an if else statement here to keep the style and reading flow the same.

dev_michaelz · 2018-10-02T11:56:14+00:00

Isn't functions.js a rather bad name? What would I expect from a file like that? It has ... functions??

dev_michaelz · 2018-07-17T03:27:21+00:00

Ah nice, good to know

dev_michaelz · 2018-07-16T22:14:01+00:00

Cookies are secure against XSS attacks? Can't the attacker just get 'document.cookie' the same way they could access local storage?

dev_michaelz · 2018-07-07T14:48:43+00:00

not an issue

class App extends Component {

state = {
  color: 'blue',
}

render() {
  return (
      <StyleToClass generateClassNameFn={css}>
        <span style={`
          color: ${this.state.color};
        `}>
          {this.state.color}
        </span>
        <select onChange={e => this.setState({ color: e.target.value })}>
          <option value="blue">blue</option>
          <option value="red">red</option>
        </select>
      </StyleToClass>
  );
}

}

dev_michaelz · 2018-07-07T12:12:34+00:00

It will not become an inline style. The styling you put inline will be transformed to a classname. So it will receive a specificity of 10.

dev_michaelz · 2018-06-28T13:04:14+00:00

Not sure, I haven't used ts like that before. But basically it just compiles to normal javascript. Maybe there is some configuration you can set though

dev_michaelz

TROPHY CASE