Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Web Dev Roundup: Don't Over React(.js)

DZone's Guide to

Web Dev Roundup: Don't Over React(.js)

In this month's roundup, we check out some of the most viewed posts on DZone regarding React.js, as well as DZone publications and jobs for web devs.

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

Welcome to this edition of the roundup! Last time, we covered Spring Boot for web developers. Today, we take a look at another framework (or, I guess, technically it's a library) for front-end developers, React.js. Originally cooked up by the JavaScript wizards over at Facebook, React has gained a vast and growing following of developers. So, try not to over React about how awesome this article is (I already know). 

And, as a quick side note, if you're interested in writing for DZone, but don't have a topic in mind, come check out our Bounty Board, where you can win prizes for providing great content, and our Writer's Zone which has plenty of prompts, tips, and tricks! 


React-ionary Development

  1. React.js for Noobs by Sajith Dilshan. A developer walks us through the process of setting up and developing a "Hello World" application using React.js. This tutorial will introduce you to concepts like React Components, React JSX, State vs. Props, and the React Component Lifecycle. And, if you really dig this article, you can check out Part 2, which covers Flux, here!

  2. Best Practices With React and Redux Web Application Development, Part 2 by Samuel Mendenhall. A discussion of some the nitty-gritty parts of the React framework (or is it a library, no one can agree, bah!) that you want to embrace, like the Fetch API, and those to avoid, like anonymous inner functions inside component event functions.

  3. What Is the React.js this.props.items.map Property? by Ajitesh Kumar. One of the older posts on this list, this article will take you intrepid React explorers through the map method (see what I did there?) that is used to traverse and display a list of like objects that present a React component.

  4. Building Dynamic React Apps With Database Data by Jerod Johnson. Learn how to build a React application that pulls data from a SQLite database via a REST API. We'll go through setting up the API server, configuring the database connection and the user, and then building and connecting our React app. 

  5. Top 10 React Libraries on GitHub to Follow by Anton Shaleynikov. A web developer discusses his favorite open source React libraries housed on a little-known git repo called GitHub. Check out this awesome list of libraries for developing, UIs, static sites, and more!


DZone Publications

  1. DZone Refcard #224, React.js Essentials: The Simple Front-End Library for User Interfaces by Hemanth HM. This Refcard gives you the essentials of React.js, from the architecture to the virtual DOM, from building components to styling them.

  2. DZone's Guide to Web Development: Frameworks and Responsive Design featuring articles by Adam Bard, Gabriele Tomassetti, Raymond Camden, Amir Rozenberg, Chris Lamb, Simon Wirtz, and Tom Smith. We continue to see new technologies and frameworks emerge on a consistent basis and existing ones continue to adapt and improve. With this wide selection of tools, it is difficult to find the one that fits your needs for a particular task or project...until now. The 2017 Guide to Web Development will help you find the optimal tool for your web development needs, cover the best practices for building modern websites, and show you how you can secure your web app on major platforms.


Find Your Next Great Web Dev Gig! 

Senior Front-End Developer
Vaadin
Location: Turku, Finland

The ideal candidate will have strong skills in using JavaScript and its ecosystem (with experience with Polymer counting as a plus) for building web applications, experience working directly with customers, and excellent communication skills including a fluency in English (both written and verbal). 

Web Developer
Sonatype
Location: Remote

The ideal candidate will have 5+ years' experience in software development, is well versed in HTML, CSS, JavaScript, and relevant frameworks/toolchains, the ability, and interest in, learning new technologies on the job, and experience working in an environment leveraging remote communication and collaboration tools (e.g. HipChat, Slack, video conferencing, wikis, GitHub, etc). Also, you must be legally authorized to work (without sponsorship) in Canada, the United Kingdom, or the United States of America and are currently residing in the corresponding country.

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:
web dev ,react ,react.js ,front-end development

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}