サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
javascript.plainenglish.io
Photo by Arnold Francisca on UnsplashCode Commenting! Some people say it’s ugly , Some says it’s standard and good practice to do. Commenting is the “art” of describing what your program is going to do in “high level” English statements. Well, This writing will show you how code commenting can be funny too. I have listed some funny code comments people encountered in production code. Note: If you
I’ve been asked and I’ve seen so much time people asking questions about push notifications and the way this should work in react-native. As most of the react-native adopters are generally people from a web background they don’t know much about notifications behavior. Here is a common question I’m receive on Reddit. ❓ What is a push notification?👨🏻🔬 A push notification is a message with a titl
Component design systems let a team collaborate and provide users a consistent visual and functional UI across different applications. Consistency has four types, visual consistency, functional consistency, internal consistency and external consistency at the UX design principle and I focus on visual consistency in this article. Front-end Development IssueFront-end development issues have been aro
3 years ago, Rich Harris created a framework which is called Svelte. The biggest impact on that new framework was that it’s not working on Virtual DOM like ReactJS, VueJS or AngularJS. I created exactly same todo list application both in Svelte and React. What i mean with exactly is not only about its functionality or visuality but also i did not used any 3rd party libraries and used their interna
The CSS code for both apps are exactly the same, but there are differences in where these are located. With that in mind, let’s next have a look at the file structure of both apps: Vue on the left. Svelte on the right.You’ll see that their structures are quite different here. Vue has all of the components, styles and assets inside of the src folder, while Svelte requires the assets to sit directly
Jest vs Testing Library vs Cypress: The results of the tests are in!You probably know that knowing how to test your code is important.A lot of jobs in tech will require knowledge of testing with at least one testing tool/framework/library. Here we will look to show you how to write tests with three different tools so that you can not only see the differences between them, but also begin to underst
Photo by João Silas on UnsplashWhat is a shallow copy?Making a shallow copy of an array or object means creating new references to the primitive values inside the object, copying them. That means that changes to the original array will not affect the copied array, which is what would happen if only the reference to the array had been copied (such as would occur with the assignment operator =). A s
Since React 16.8 you no longer need class components to work with stateful logic. The way to do it now looks like this: The code above works perfectly on a functional component (previously referred to as ‘stateless functional component’) and that brings lots of new possibilities for the way we structure projects. The most commonly used hooks are useState and useEffect. In case you are not familiar
Having used Vue at work, I had a fairly solid understanding of it. I had, however, been curious to know what the grass was like on the other side of the fence — the grass in this scenario being React. Note: there is a new version of this article that can be found here: https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition I’d read the React docs and watched a few
I’m sure you’ve been there at one point. You had a great idea. Something novel. Something new. Yet something impactful. You know it’s a bit ambitious, so you come up with a plan of attack. You vet the idea with a few peers. And then all that is left is to do the work. At first, things are going well. That is until you realize things are going be a bit more complicated than initially thought. You p
Today, we are going to explore it and develop a custom Hook to manage global states — an easier to use method than Redux, and more performant than Context API. The basics of HooksIf you are already familiar with React Hooks, you can skip this part. useState()Before Hooks, functional components had no state. Now, with the useState(), we can do it. It works by returning an array. The first item of t
During the beginning of my career, I was a desktop developer, where strong typed languages dominate the market. When I migrated to web development, I was fascinated by every new feature on languages like JavaScript and Python. The fact that I didn’t have to declare the type of variables brought me productivity and my work became more fun. So the first time I heard about TypeScript, the idea seemed
Having used Vue at work, I had a fairly solid understanding of it. I was, however, curious to know what the grass was like on the other side of the fence — the grass in this scenario being React. I’d read the React docs and watched a few tutorial videos and, while they were great and all, what I really wanted to know was how different React was from Vue. By “different”, I didn’t mean things such a
このページを最初にブックマークしてみませんか?
『JavaScript in Plain English』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く