DevNotes – 002
What is a react helmet?
- React helmet is a helper component that allows you to add data to the
<head>section of a document or HTML page. It basically allows you to add<link>tags,<scripts>and other tags that goes into the<head>section of an HTML page.
Source: What is react helmet?
So react-helmet library didn't work for me, but this one did.
The equivalent of the npm install command in yarn is yarn without any parameters.
Was trying to help out someone on discuss.write.as get a logo to show up beside their blog title. I learned that you can actually set the size of the background image using something like background-size: 150px;. Cool stuff.
Reference: Resizing background images with background-size
So last time I decided to just not show a header image for my Now Listening to... website on mobile screens. It was because I didn't know how to handle it. Well my easy solution turned out to be getting a smaller sized image to use as a header image. Then I was able to just add a css media screen entry that uses the smaller sized image.
Co-worker was running into Gatsby/Kentico/Grahpql errors with one of our projects. We pretty much had the same .env file and code base. Deleting the folder and downloading again didn't fix it. What worked for him was running the command npm cache clean --force.
Note: This is probably a dangerous command to run. Please research what it does before you try it out. I'm only sharing what worked for me and my team. But this was a last resort type of attempt to fix our errors.
To create a repository from an existing folder or files using Github Desktop, first you have to create the repository on the app itself. This is so that the app can create and initialize the folder on your drive. Then you can copy over the files into the folder that the app created. And then you're set.
To copy the _redirects file (or any other file for that matter) to the Output folder in Wyam, you can use the pipeline code below:
Pipelines.Add(
// Copy redirect file to the output folder
CopyFiles("_redirects")
);
Tags: #DevNotes #CSS #Gatsby #Github #NodeJS #ReactJS #Wyam #Yarn
Discuss... or leave a comment below.