{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/review-june-2021/",
    "result": {"data":{"markdownRemark":{"html":"<h6 id=\"read-my-may21-review-here\" style=\"position:relative;\"><a href=\"#read-my-may21-review-here\" aria-label=\"read my may21 review here permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Read my May’21 review <a href=\"https://hemanta.io/review-may-2021/\">here</a>.</h6>\n<p>For June, I had set two goals for myself: (1) complete the <del>GraphQL with React: The Complete Developers Guide</del> course that I had bought in Udemy and (2) complete the initial draft of a blog series on how to create a developer blog with Gatsby and markdown.</p>\n<p>And, I did not complete any of them. Well, I completed the first part of the course - building a GraphQL API. I even wrote a 8-part <a href=\"https://hemanta.io/how-to-build-an-express-graphql-server-part-one/\">blog series</a> on how to build a GraphQL-Express server explaining the concepts that I learnt in the course.</p>\n<p>I did not complete the rest of the course because I wanted to learn how to build a GraphQL API using Apollo Server, because most of the GraphQL resources that I came across used Apollo Client &#x26; Apollo Server.</p>\n<p>Then I came across Apollo’s official learning platform called <a href=\"https://odyssey.apollographql.com/\">Odyssey</a>. There, I completed two parts: Lift off-part 1 &#x26; Lift off part 2.</p>\n<p>Now, I have a better understanding of GraphQL.</p>\n<p>What happened to the Gatsby blog series?</p>\n<p>Well, I did not start because of time constraints. However, I managed to write 38 blog posts, (<em>mostly related to JavaScript &#x26; React</em>), which is more than 1 blog post per day.</p>\n<p>What else did I do in June?</p>\n<p>I bought and assigned a custom domain - <a href=\"http://www.hemanta.io\">www.hemanta.io</a> - to this blog hosted on Netlify.</p>\n<p>I also completed 19 chapters of a React course that I had bought a long time ago and had forgotten about. The course is by Jad Jourban (a Google Developer Expert) and it is excellent so far.</p>\n<p>So, June was a productive month overall.</p>\n<p>What’s the plan for July?</p>\n<p>My target is to complete another 20 chapters from the React course and write another 10 posts for my blog. It’s not an ambitious target as I see myself getting busy with some work-related projects.</p>\n<p>That’s all from me. What did you do in June and what are your plans for the coming months? Let me know in the comments.</p>\n<p>Catch you all soon...</p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    position: relative;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n    line-height: 1.4;\n  }\n  \n  .grvsc-code {\n    display: table;\n  }\n  \n  .grvsc-line {\n    display: table-row;\n    box-sizing: border-box;\n    width: 100%;\n    position: relative;\n  }\n  \n  .grvsc-line > * {\n    position: relative;\n  }\n  \n  .grvsc-gutter-pad {\n    display: table-cell;\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  .grvsc-gutter {\n    display: table-cell;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter::before {\n    content: attr(data-content);\n  }\n  \n  .grvsc-source {\n    display: table-cell;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-source:empty::after {\n    content: ' ';\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter + .grvsc-source {\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  /* Line transformer styles */\n  \n  .grvsc-has-line-highlighting > .grvsc-code > .grvsc-line::before {\n    content: ' ';\n    position: absolute;\n    width: 100%;\n  }\n  \n  .grvsc-line-diff-add::before {\n    background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));\n  }\n  \n  .grvsc-line-diff-del::before {\n    background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));\n  }\n  \n  .grvsc-line-number {\n    padding: 0 2px;\n    text-align: right;\n    opacity: 0.7;\n  }\n  \n</style>","frontmatter":{"title":"Review - June, 2021","date":"2021-06-30"}}},"pageContext":{"slug":"/review-june-2021/","prev":{"fields":{"slug":"/advanced-array-destructuring-in-javascript/"},"frontmatter":{"modules":null}},"next":{"fields":{"slug":"/how-to-handle-conditional-classnames-in-react/"},"frontmatter":{"modules":null}}}},
    "staticQueryHashes": ["3159585216"]}