Skip to content

Commit 7275320

Browse files
committed
add g2i blog link
1 parent 86d4747 commit 7275320

File tree

2 files changed

+9
-11
lines changed

2 files changed

+9
-11
lines changed

assets/css/tailwind.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ h6 {
1212
@apply font-mono font-bold;
1313
}
1414

15+
a {
16+
color: #01f1cc;
17+
}
18+
1519
button:focus,
1620
a:focus {
1721
outline-color: #01f1cc;

content/articles/look-into-react-website.md

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: Look into React Website
2+
title: A Look Into the React Website
33
description: Looking at making websites in React
4-
updatedAt: January 14, 2020
4+
updatedAt: January 31, 2021
55
img: https://images.unsplash.com/photo-1566241440091-ec10de8db2e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=60
66
alt: React website
77
tags:
@@ -13,17 +13,9 @@ author:
1313
img: /_nuxt/assets/content/davidthrone.jpg
1414
---
1515

16-
## Preamble
17-
18-
First post for 2020 🎉. Probably post a year in review soon-ish... Welcome back to our projects or work :)
19-
20-
The #1 advice I always give to uni students is to code as much as you can. Try to find something you are passionate about and code it. I think that is the best way to get started in the software industry but at some point you will start to get curious and start reading the open source code you use every day and realise you don't know a whole lot. Don't feel bad it doesn't mean you are dumb, it just means there is a lot to software.
21-
22-
To improve it is important to read other people's code to get inspiration for new patterns that you can adopt in your projects. We will do just that by taking a look at https://reactjs.org
23-
2416
## The High Level
2517

26-
At its core its just a static site created in [Gatsby](https://www.gatsbyjs.org/). Its interesting why they did not use their own [create-react-app](https://reactjs.org/docs/create-a-new-react-app.html) I am guessing its because Gatsby is already optimized for building fast websites with great SEO.
18+
At its core the [react website](https://reactjs.org) is just a static site created in [Gatsby](https://www.gatsbyjs.org/). Its interesting why they did not use their own [create-react-app](https://reactjs.org/docs/create-a-new-react-app.html) I am guessing its because Gatsby is already optimized for building fast websites with great SEO.
2719

2820
### Key tech
2921

@@ -54,6 +46,8 @@ Additionally they do it for other things like links too e.g. `nav.yml`
5446

5547
and a bunch of other stuff like people's names, versions and languages basically content that is likely to change. The intention of doing this separation is to make code easier to read with fewer lines to parse, better maintainability since files are easier to find and you can easily differentiate from a low risk content change and a high risk code change.
5648

49+
For a more detailed look at this concept, check out G2i's article on [Separation of Concerns](https://www.g2i.co/blog/react-separation-of-concerns).
50+
5751
### Writing our own UI library FTW!
5852

5953
UI libraries have always been a cause of pain and joy. On the one hand they provide a lot of useful well tested components that you can drop into your app and it works. But if there is even a hint of a need for customization shit starts to get real. Their massive API surface is the only bridge to the jungle of layers of abstractions.

0 commit comments

Comments
 (0)