Tips, Expertise, Articles and Advice from the Pro's for Your Website or Blog to Succeed
For Redux to work correctly, the state must be immutable. This means that whenever we update the Redux state, we have to create a copy of the whole state and set values to fields we want to change. In code, this usually looks like this:
let newState = {
...oldState,
field1: {
...oldState.field1,
field2: "someNewValue"
},
}The market demand for web applications is rapidly increasing. It is important to consider several factors when building these platforms. Perhaps most important for web application development is choosing the right technology stack.
The technologies users choose to use will affect both the quality and performance of the created software. Many tools and frameworks have been introduced in the market, and each provides different boosts to the productivity and performance of these developed applications.
Released by Facebook in 2013, React has steadily become an industry-standard library for front-end development. Per Stack Overflow's most recent Developer Survey, React sits at the top of the list for both developer's most "loved" and "wanted" web library/framework of 2019. This popularity is largely owed to React's component-based functionality, which allows developers to create dynamic, user-friendly interfaces with reusable elements for single-page applications (SPAs).
In this "Best of DZone" compilation, we're going to break down React by providing articles that introduce the library, compare it to similar frameworks (Angular and Vue.js), and take a look at key concepts, such as components, props, virtual DOM, and state management. Then, we'll present tutorials, beginning with simple, "Hello, World" applications, moving to more technically dense, niche topics, and finishing with a few long-term projects.