✏️ Content of robinwieruch.de - Write guest blog posts or improve the content. Your help means a lot to me.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
apple-health-chart-d3-js.md apollo client react testing post Jun 5, 2018
complete-firebase-authentication-react-tutorial.md
conditional-rendering-react.md
create-react-app-css-modules.md
create-react-app-mobx-decorators.md new firebase tutorial Dec 8, 2018
create-react-app-with-sass-support.md create react app 2 articles Oct 4, 2018
d3-angular-small-multiples-brushing.md apollo client react testing post Jun 5, 2018
d3-on-angular-reusable-components.md
deploy-applications-digital-ocean.md
developer-setup.md
essential-react-libraries-framework.md
firebase-deploy-react-js.md
firebase-facebook-login.md
firebase-tutorial.md
firebase-twitter-login.md new firebase tutorial Dec 8, 2018
gentle-introduction-higher-order-components.md
getting-started-github-graphql-api.md
git-essential-commands.md troubleshoot heroku Nov 1, 2018
giving-back-by-learning-react.md apollo client react testing post Jun 5, 2018
graphql-apollo-client-tutorial.md
graphql-apollo-server-tutorial.md graphql book Nov 6, 2018
graphql-server-mock-apollo-client.md
graphql-tutorial.md
how-to-build-your-own-course-platform.md apollo client react testing post Jun 5, 2018
how-to-learn-framework.md improvements Nov 1, 2018
improving-gradient-descent-javascript.md
javascript-fundamentals-react-requirements.md
learn-react-before-using-redux.md two new artiuckes Oct 3, 2018
learn-react-redux-mobx-state-management.md improvements Nov 1, 2018
lessons-learned-deep-work-flow.md apollo client react testing post Jun 5, 2018
lessons-learned-give-and-take.md
lessons-learned-on-writing-well.md apollo client react testing post Jun 5, 2018
linear-algebra-matrix-javascript.md apollo client react testing post Jun 5, 2018
linear-regression-gradient-descent-javascript.md apollo client react testing post Jun 5, 2018
linear-regression-gradient-descent-vectorization-javascript.md
local-storage-react.md
logistic-regression-gradient-descent-classification-javascript.md improvements Nov 1, 2018
machine-learning-javascript-web-developers.md
minimal-node-js-babel-setup.md add reasonreact article Dec 2, 2018
minimal-react-webpack-babel-setup.md complete firebase overhaul Nov 21, 2018
mobx-react.md
multivariate-linear-regression-gradient-descent-javascript.md apollo client react testing post Jun 5, 2018
multivariate-linear-regression-normal-equation-javascript.md apollo client react testing post Jun 5, 2018
neural-networks-deeplearnjs-javascript.md apollo client react testing post Jun 5, 2018
nextjs-redux-saga.md apollo client react testing post Jun 5, 2018
own-website-in-five-days.md apollo client react testing post Jun 5, 2018
parcel-react-setup.md apollo client react testing post Jun 5, 2018
polynomial-regression-model-selection-javascript.md
postgres-express-setup-tutorial.md
react-advanced-list-component.md
react-apollo-client-example.md
react-apollo-client-testing.md
react-apollo-client-tutorial.md graphql book Nov 6, 2018
react-apollo-link-state-tutorial.md tpos Oct 31, 2018
react-context-api.md two new artiuckes Oct 3, 2018
react-eslint-webpack-babel.md storybook 4, babel 7 Nov 1, 2018
react-express-stripe-payment.md apollo client react testing post Jun 5, 2018
react-fetching-data.md
react-firebase-auth-persistence.md add auth firebase persistence Nov 29, 2018
react-firebase-authorization-roles-permissions.md add more images for firebase Dec 1, 2018
react-firebase-email-verification.md
react-firebase-link-social-logins.md firebase link social accounts tutorial Dec 7, 2018
react-firebase-mobx-tutorial.md add firebase articles Dec 13, 2018
react-firebase-realtime-database.md
react-firebase-redux-tutorial.md add firebase articles Dec 13, 2018
react-firebase-router.md add firebase articles Dec 13, 2018
react-firebase-social-login.md
react-firestore-tutorial.md
react-global-state-without-redux.md
react-graphql-apollo-tutorial.md
react-graphql-client-library.md
react-hooks-fetch-data.md complete firebase overhaul Nov 21, 2018
react-hooks.md complete firebase overhaul Nov 21, 2018
react-infinite-scroll.md
react-intersection-observer-api.md
react-js-macos-setup.md improvements Jul 20, 2018
react-js-windows-setup.md improvements Jul 20, 2018
react-paginated-list.md
react-pass-props-to-component.md
react-paypal-payment.md apollo client react testing post Jun 5, 2018
react-prevent-rerender-component.md
react-provider-pattern-context.md
react-redux-apollo-client-state-management-tutorial.md tpos Oct 31, 2018
react-redux-tutorial.md
react-ref-attribute-dom-node.md apollo client react testing post Jun 5, 2018
react-render-props-pattern.md
react-rxjs-state-management-tutorial.md
react-state-array-add-update-remove.md graphql book Oct 9, 2018
react-state-without-constructor.md
react-svg-patterns.md
react-testing-tutorial.md upgrade test article with Babel 7 and all other library upgrades Oct 27, 2018
react-warning-cant-call-setstate-on-an-unmounted-component.md
react-with-graphql-tutorial.md
reason-react-tutorial.md add reasonreact article Dec 2, 2018
reasons-why-i-moved-from-angular-to-react.md apollo client react testing post Jun 5, 2018
redux-mobx-confusion.md improvements Nov 1, 2018
redux-observable-rxjs.md
redux-state-keys.md apollo client react testing post Jun 5, 2018
slack-invite-javascript-react.md
the-road-to-graphql-book.md graphql book Nov 6, 2018
the-road-to-learn-react.md complete firebase overhaul Nov 21, 2018
the-soundcloud-client-in-react-redux-ducks.md
the-soundcloud-client-in-react-redux-flow.md edit typo Jun 22, 2018
the-soundcloud-client-in-react-redux-normalizr.md
the-soundcloud-client-in-react-redux.md
tips-to-learn-react-redux.md
visual-regression-testing-react-storybook.md
what-is-an-api-javascript.md improvements Nov 1, 2018
what-is-new-in-react-16.md
why-apollo-advantages-disadvantages-alternatives.md
why-frameworks-matter.md
why-graphql-advantages-disadvantages-alternatives.md GraphQL book improvements to Blog Dec 13, 2018

README.md

Content & Contribution

A place where you can actively contribute to robinwieruch.de. Feel free to improve the content or to write a guest blog post yourself. Get in touch with me before you start writing an entire article :)

Guidelines for Guest Bloggers

  • option A: provide the blog post on GoogleDrive with a shareable link
  • option B: provide the blog post here on GitHub by adding a file for the article next to the other files

Meta Information

You can leave out all the meta information (frontmatter) that I use for my blog posts. I can add these later myself.

Code

Don't use images for code. Instead use a code snippet the following way:

{{< highlight javascript >}}
const helloWorld = "Hello World!";
{{< /highlight >}}

If you want to highlight changes in the code, that's what I usually do in my tutorials, then you can do it by providing the numbers of lines you want to highlight:

{{< highlight javascript "hl_lines=3" >}}
const helloWorld = "Hello World!";

console.log(helloWorld);
{{< /highlight >}}

If you move around from file to file in your tutorial, don't forget to mention the place where you edit/create the next code snippet. Something like:

Now we are going to implement user model in the src/models/user.js file:

{{< highlight javascript >}}
const user = createModel('user');
{{< /highlight >}}

Images

Don't use images for code. Instead use code snippets. If you want to have images in the blog post, add them in at least 1024 (x 768)resolution preferable in .jpg to a shared GoogleDrive (or any other cloud storage) folder. In the article, reference the filename of the image with a placeholder like [image the-dashboard.jpg].

Command Line vs. GUI

There are many tutorials out there that are using lots of images to show a GUI where they do their configuration. I'd like to use as few images as possibles and encourage people to use more often their command line instead. If the a GUI needs to be shown, then an image can be used though.

Code Formatting

I use Prettier in my projects which helps me to keep all my code snippets equally formatted. That's my default configuration:

{
  "semi": true,
  "trailingComma": "all",
  "singleQuote": true,
  "printWidth": 70
}

Headlines

  • h1 headline translates to {{% chapter_header "My Headline" "my-headline" %}}
  • h2 headline translates to {{% sub_chapter_header "My Sub Headline" "my-sub-headline" %}}

The second parameter can be used for a table of contents:

{{% chapter_header "Table of Contents" "toc" %}}

* [My Headline](#my-headline)
  * [My Sub Headline](#my-sub-headline)

My articles usually follow the same structure with optional sub_chapter_headers in between:

Motivation

{{% chapter_header "My Headline" "my-headline" %}}

{{% chapter_header "My Headline" "my-headline" %}}

<hr class="section-divider">

Outro

Italics

I usually use italics with * for folders and files like src/models/user.index/js or src/.

Bold

I usually use bold with ** to point out the importance of something or to highlight a specific topic in a paragraph.