The reason why we can use the latter one i.e component name, is because we have imported a component here that is Link, now we can pass this Link like this:

styled together with 'tagNames' (e.g div or li or h1 etc) or a valid component name can be used to apply styles to a component. If you are familiar with styled components, you should know that styled is like the very basic thing you import from styled-components.

METHOD 2: Styling links using 'ponentName' format. Here is a Codesandbox link if you are interesting in taking a quick glance at the code for METHOD-1 and if you wish you can follow along too. These basically are similar to how we use inline styles in HTML.So we create a style attribute with the styles inside it in an object form.Ĭonclusion : This is not so great way as it will become difficult to code out and track individual styles as the app scales - Also, it does not meet the standards of our Goals stated at the beginning of the article. His skillset extends into the DevOps sphere, where he is able to deliver courses based around Agile/Scrum practices, version control, and CI/CD.Enter fullscreen mode Exit fullscreen mode Ed has also developed a new suite of PHP courses and has extensive experience with HTML/CSS and MySQL.Įd is responsible for delivering QA’s Programming Foundations course using the Eclipse IDE. Ed mainly delivers courses in JavaScript covering vanilla JS, ES2015+, TypeScript, Angular, and React (the latter is authored by Ed) and has delivered on behalf of Google for PWAs.

Ed describes himself as practically minded, a quick learner, and a problem solver who pays great attention to detail.Įd’s specialist area is training in Emerging Technologies, within Web Development. Ed continues to develop existing and new courses, primarily in web design using: PHP, JavaScript, HTML, CSS, SQL, and OOP (Java), Programming Foundations (Python), and DevOps (Git, CI/CD, etc). Previous roles have included being a Delivery Manager, Trainer, ICT teacher, and Head of Department. Ed is an Outstanding Trainer in Software Development, with a passion for technology and its uses and holding more than 10 years’ experience.

React router dom link external