The latest articles on DEV Community by Brock Caldwell (@brockcaldwell). https://dev.to/brockcaldwell https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F883622%2F64d5e158-1bd4-4b11-9577-625621d80779.JPG https://dev.to/brockcaldwell en Brock Caldwell Sun, 21 Aug 2022 22:17:00 +0000 https://dev.to/brockcaldwell/react-journey-my-first-project-pt-1-12ln https://dev.to/brockcaldwell/react-journey-my-first-project-pt-1-12ln <p>Hello, World!</p> <p>I've recently begun dabbling in React and thought I'd document my journey with you guys.</p> <p>I'm sure most of you can relate to wanting to learn a new language, framework, design pattern, etc., but not having a useful sample project to work on. My solution to this was coming up with a small blog project that will be iteratively improved on as I learn more about the framework.</p> <p>I've outlined 3 different versions of the blog application, with each version either adding a new feature, or improving an existing feature. </p> <p><strong>v1.0</strong></p> <ul> <li>Base React App</li> <li>Load blog posts from static JSON file</li> <li>Render a feed of posts</li> <li>Dockerize and deploy to Dokku server</li> </ul> <p><strong>v1.1</strong></p> <ul> <li>Implement React Router</li> <li>Create a blog post page that renders contents of single post</li> </ul> <p><strong>v1.2</strong></p> <ul> <li>Load data from external source (dev.to feed)</li> </ul> <p>By the end of this project I should have a decent understanding of creating a basic React application. Follow along and see my progress as I create more posts!</p> <p>View v1.1:<br> <a href="http://blog.caldwell.digital">http://blog.caldwell.digital</a></p> react javascript webdev beginners