This is a memo for exchanging text containing newlines in JSON. A line break entered in a <textarea>, for example, is represented by \n. JSON does not support \n, but replacing \n with <br> or escaping it like \n would work. # When you want to output to HTML file json.text.replace(/\n/g, '<br>') # When you really want to output as "\n" json.text.replace(/\n/g, '\\n') # remove \n json.text.replace(/\n/g, '')

What is Duolingo? Duolingo is a language learning application that allows you to learn not only English, but also Chinese, Korean, and many other languages. There are two versions: a smartphone version and a web (browser) version. …

In this article, I’d like to share you how to create a responsive website with Material UI. Material UI has several methods of responsive styling, and resently I had an opportunity to make my web service responsive. So I will introduce them here. Outline How to use media query How…

React.memo to memoize the function component, but there is a second argument that is not used very often (and that you may not want to use for reasons discussed below). I have the opportunity to use a second argument of React.memo several times these days. Therefore, I note this article. What is the second argument of React.memo ? …

componentDidUpdate is the function calldeafter some values are updated in setState. Advantages You can get th value after the update most safety. You can pick the value up before the update. It doesn’t make user unconfortable even if setState doesn’t have extra drawing in componentDidUpdate. Basic Usage componentDidUpdate(prevState) { if (this.state.name !==…

What are Generics? First of all, languages like C# and Java also have generics, so it’s not limited to TypeScript. Generics which abstract type arguments use are used to implement classes, functions, and interfaces that types are not determined until they are actually used. Advantages of Generics Programming languages such as Java, C…

tips Use JSX.Element, React.ReactNode, etc. for the specified Props type. When it receives the components, receive props as an argument and extract the component from props. When creating a function component, props are often written as ({child1, child2}) etc. in the argument, but it should be (props) (probably because of rendering). Code …

“How many pixels should the margin here be ?” When designing WEB and UI, I often thought like this. I came to one conclusion after a bunch of research. That is, “make the margin a multiple of 8”. Benefits of making margin a multiple of 8 Many screen sizes are divisible by 8.

There are many talks about the goodness of GraphQL, but I think that the question “How do you actually implement it in Go?” Can not be understood unless you move it by hand with a brief Get Started of gqlgen. …