Diyar Faraj's Blog

Både Props och och State är vanliga JavaScript-objekt. Medan båda har information som påverkar outputen av renderingen, är de olika i sin funktionalitet när det kommer påverkan på komponent. Props…

Props är inputs till React-komponenter. De är enskilda värden eller objekt som innehåller en uppsättning värden som skickas till komponenter vid skapandet med hjälp av en namnkonvention som liknar…

En komponents state är ett objekt som innehåller viss information som kan förändras under komponentens livslängd sk. lifecycle. Man bör alltid försöka göra en komponents state så enkelt som möjligt…

React.PureComponent är exakt samma som React.Component förutom att den hanterar metoden för dig. När props eller state ändras kommer PureComponent att göra en ytlig jämförelse av både props och state…

Det finns två möjliga sätt att skapa en komponent. Funktionskomponenter: Detta är det enklaste sättet att skapa en komponent. Det är rena JavaScript-funktioner som accepterar props objekt som första…

Ett element är ett vanligt objekt som beskriver vad som ska visas på skärmen när det gäller DOM-noder eller andra komponenter. Element kan innehålla andra element i sina props. Att skapa ett React…

JSX är en XML-liknande syntaxförlängning till ECMAScript (akronymen står för JavaScript XML). I grunden ger det bara syntaktiskt socker för funktionen vilket ger oss uttrycksfullhet av JavaScript…

One question that easily arises if you are a beginner is whether you should use a framework, Javascript library or learn vanilla Javascript (as it is called when you use only pure Javascript) first…

React is a JavaScript library for building user interfaces created by Facebook. React is marketed as component-based, declarative and "create once, use everywhere". Component-based means that our…

Emmet is a very nice tool when it comes to autocompletion of html and JavaScript, but is not included in react. Below is a very helpful video on how to activate Emmet in react. Since Emmet is not…