React: Up & Running. Building Web Applications

Copyright
Table of Contents
Preface
	About This Book
	Conventions Used in This Book
	Using Code Examples
	O’Reilly Online Learning
	How to Contact Us
	Acknowledgments
Chapter 1. Hello World
	Setup
	Hello React World
	What Just Happened?
	React.createElement()
	JSX
		Setup Babel
		Hello JSX World
		On Transpilation
	Next: Custom Components
Chapter 2. The Life of a Component
	A Custom Function Component
		A JSX Version
	A Custom Class Component
		Which Syntax to Use?
	Properties
		Properties in Function Components
		Default Properties
	State
	A textarea Component
	Make It Stateful
	A Note on DOM Events
		Event Handling in the Olden Days
		Event Handling in React
		Event-Handling Syntax
	Props Versus State
	Props in Initial State: an Antipattern
	Accessing the Component from the Outside
	Lifecycle Methods
	Lifecycle Example: Log It All
		Paranoid State Protection
	Lifecycle Example: Using a Child Component
	Performance Win: Prevent Component Updates
	Whatever Happened to Function Components?
Chapter 3. Excel: A Fancy Table Component
	Data First
	Table Headers Loop
	Table Headers Loop, a Terse Version
	Debugging the Console Warning
	Adding  Content
		Prop Types
		Can You Improve the Component?
	Sorting
		Can You Improve the Component?
	Sorting UI Cues
	Editing Data
		Editable Cell
		Input Field Cell
		Saving
		Conclusion and Virtual DOM Diffs
	Search
		State and UI
		Filtering Content
		Update the save() Method
		Can You Improve the Search?
	Instant Replay
		Cleaning Up Event Handlers
		Cleaning Solution
		Can You Improve the Replay?
		An Alternative Implementation?
	Download the Table Data
	Fetching Data
Chapter 4. Functional Excel
	A Quick Refresher: Function versus Class Components
	Rendering the Data
	The State Hook
	Sorting the Table
	Editing Data
	Searching
	Lifecycles in a World of Hooks
		Troubles with Lifecycle Methods
		useEffect()
		Cleaning Up Side Effects
		Trouble-Free Lifecycles
		useLayoutEffect()
	A Custom Hook
	Wrapping up the Replay
	useReducer
		Reducer Functions
		Actions
		An Example Reducer
		Unit Testing Reducers
	Excel Component with a Reducer
Chapter 5. JSX
	A Couple Tools
	Whitespace in JSX
	Comments in JSX
	HTML Entities
		Anti-XSS
	Spread Attributes
		Parent-to-Child Spread Attributes
	Returning Multiple Nodes in JSX
		A Wrapper
		A Fragment
		An Array
	Differences Between JSX and HTML
		No class, What for?
		style Is an Object
		Closing Tags
		camelCase Attributes
	Namespaced Components
	JSX and Forms
		onChange Handler
		value Versus defaultValue
		 Value
		<select> Value
		Controlled and Uncontrolled Components
Chapter 6. Setting Up for App Development
	Create React App
		Node.js
		Hello CRA
		Build and Deploy
		Mistakes Were Made
	package.json and node_modules
	Poking Around the Code
		Indices
		JavaScript: Modernized
		CSS
	Moving On
Chapter 7. Building the App’s Components
	Setup
	Start Coding
	Refactoring the Excel Component
	Version 0.0.1 of the New App
	CSS
	Local Storage
	The Components
		Discovery
	Logo and a Body
		Logo
		Body
		Discoverable
	<Button> Component
		Button.js
		classnames Package
	Forms
		<Suggest>
		<Rating> Component
		A <FormInput> “Factory”
		<Form>
	<Actions>
	Dialogs
	Header
	App Config
	<Excel>: New and Improved
		The Overall Structure
		Rendering
		React.Strict and Reducers
		Excel’s Little Helpers
Chapter 8. The Finished App
	Updated App.js
	DataFlow Component
		DataFlow Body
	Job Done
		Whinepad v2
	Context
	Next Steps
		Circular Data
	Providing Context
	Consuming Context
		Context in the Header
		Context in the Data Table
	Updating Discovery
	Routing
		Route Context
		Using the Filter URL
		Consuming the Route Context in the Header
		Consuming the Route Context in the Data Table
		useCallback()
	The End
Index
About the Author
Colophon</pre>
</div>
<br><br>
<br><br>
<h2>نظرات کاربران</h2>

<div class="comments">
                        <script>
                        const comments_page_id = 123438; // This number should be unique on every page
                        fetch("https://intlibrary.ir/comments.php?page_id=" + comments_page_id + "").then(response => response.text()).then(data => {
                            document.querySelector(".comments").innerHTML = data;
                            document.querySelectorAll(".comments .write_comment_btn, .comments .reply_comment_btn").forEach(element => {
                                element.onclick = event => {
                                    event.preventDefault();
                                    document.querySelectorAll(".comments .write_comment").forEach(element => element.style.display = 'none');
                                    document.querySelector("div[data-comment-id='" + element.getAttribute("data-comment-id") + "']").style.display = 'block';
                                    document.querySelector("div[data-comment-id='" + element.getAttribute("data-comment-id") + "'] input[name='name']").focus();
                                };
                            });
                            document.querySelectorAll(".comments .write_comment form").forEach(element => {
                                element.onsubmit = event => {
                                    event.preventDefault();
                                    fetch("https://intlibrary.ir/comments.php?page_id=" + comments_page_id, {
                                        method: 'POST',
                                        body: new FormData(element)
                                    }).then(response => response.text()).then(data => {
                                        element.parentElement.innerHTML = data;
                                    });
                                };
                            });
                        });
                        </script>

</div>
			<script type="application/ld+json">
			{
			  "@context": "http://schema.org",
			  "@type": "WebPage",
			  "mainEntity":{
					  "@type": "Book",
						"bookFormat": "http://schema.org/EBook",
						"image": "https://books.google.com/books/content/images/frontcover/TYjBxQEACAAJ?w=250&usc=0",              "inLanguage": "English",
						"name": "React: Up & Running. Building Web Applications",
												"FileFormat": "pdf",
						"url" : "https://intlibrary.ir/download/react:-up-running.-building-web-applications-67218/",
												"author": [{ "@type": "Person","name":"Stoyan Stefanov" }],
												"publisher" : {
						"@type" : "Organization",
							"name" : ""
						  },  
						"isbn" : "9781492051466",
						"numberOfPages" : "233"
						 ,"aggregateRating": {
							"@type": "AggregateRating",
							"ratingValue": 4.40,
							"ratingCount": 15,
														"bestRating": 5,
							"worstRating": 0
					}					  
					}
			}
			</script>

<!-- featured section starts  -->
<section class="arrivals" id="featured">

    <h2 class="heading"> <span>کتاب های تصادفی</span> </h2>

            <div class="swiper arrivals-slider">
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-wrapper">
			            <a title="Identity Politics and the New Genetics: Re/creating Categories of Difference and Belonging" href="https://intlibrary.ir/download/identity-politics-and-the-new-genetics:-re-creatin-53034/" class="swiper-slide box">
                <div class="image">
				                    <img src="https://books.google.com/books/content/images/frontcover/_6UKDQEOiqcC?w=250&usc=0" alt="Identity Politics and the New Genetics: Re/creating Categories of Difference and Belonging" loading="lazy">
                </div>
                <div class="content">
                    <h3>دانلود کتاب Identity Politics and the New Genetics: Re/creating Categories of Difference and Belonging</h3>
                                        							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i><i class="fas nostar"></i>															
						 
                </div>
            </a>
			                        <a title="J. D. Salinger: A Life   " href="https://intlibrary.ir/download/j.-d.-salinger:-a-life- -30261-3981/" class="swiper-slide box">
                <div class="image">
				                    <img src="https://books.google.com/books/content/images/frontcover/Lvw2vQJXPVoC?w=250&usc=0" alt="J. D. Salinger: A Life   " loading="lazy">
                </div>
                <div class="content">
                    <h3>دانلود کتاب J. D. Salinger: A Life   </h3>
                                        							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i><i class="fas nostar"></i><i class="fas nostar"></i>															
						 
                </div>
            </a>
			                        <a title="Advances in Nonradiative Processes in Solids" href="https://intlibrary.ir/download/advances-in-nonradiative-processes-in-solids-17545-9961/" class="swiper-slide box">
                <div class="image">
				                    <img src="https://books.google.com/books/content/images/frontcover/3JafcQAACAAJ?w=250&usc=0" alt="Advances in Nonradiative Processes in Solids" loading="lazy">
                </div>
                <div class="content">
                    <h3>دانلود کتاب Advances in Nonradiative Processes in Solids</h3>
                                        							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i><i class="fas nostar"></i><i class="fas nostar"></i>															
						 
                </div>
            </a>
			                        <a title="Computational Science and Its Applications -- ICCSA 2016: 16th International Conference, Beijing, China, July 4-7, 2016, Proceedings, Part III" href="https://intlibrary.ir/download/computational-science-and-its-applications-ic-10252/" class="swiper-slide box">
                <div class="image">
				                    <img src="https://cover.intlibrary.ir/cover/cover.php?md5=cdd768cb75fb350a67679f5b1a5fe814&id=1580972" alt="Computational Science and Its Applications -- ICCSA 2016: 16th International Conference, Beijing, China, July 4-7, 2016, Proceedings, Part III" loading="lazy">
                </div>
                <div class="content">
                    <h3>دانلود کتاب Computational Science and Its Applications -- ICCSA 2016: 16th International Conference, Beijing, China, July 4-7, 2016, Proceedings, Part III</h3>
                                        							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i><i class="fas nostar"></i>															
						 
                </div>
            </a>
			                        <a title="General relativity: an Einstein centenary survey" href="https://intlibrary.ir/download/general-relativity:-an-einstein-centenary-survey-66913-6395/" class="swiper-slide box">
                <div class="image">
				                    <img src="https://cover.intlibrary.ir/cover/cover.php?md5=5F8F17EBBC9EF19B06AC3269C93F3F92&id=217350" alt="General relativity: an Einstein centenary survey" loading="lazy">
                </div>
                <div class="content">
                    <h3>دانلود کتاب General relativity: an Einstein centenary survey</h3>
                                        							<i class="fas fa-star"></i>							<i class="fas fa-star"></i>							<i class="fas fa-star"></i><i class="fas nostar"></i><i class="fas nostar"></i>															
						 
                </div>
            </a>
			            		</div>
		</div>
	</section>
     

<!-- featured section ends -->
</div>
</div>
<script>
    var swiper = new Swiper(".arrivals-slider", {
  spaceBetween: 10,
  loop:true,
  centeredSlides: true,
  autoplay: {
    delay: 9500,
    disableOnInteraction: false,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
  breakpoints: {
    0: {
      slidesPerView: 1,
    },
    768: {
      slidesPerView: 2,
    },
    1024: {
      slidesPerView: 3,
    },
  },
});
</script>

<section class="footer">

    <div class="share">	    <a title="facebook" href="https://www.facebook.com/sharer.php?u=https://intlibrary.ir/download/react:-up-running.-building-web-applications-67218" class="fab fa-facebook-f"></a>
        <a title="twitter" href="https://twitter.com/home?status=Reading:%20https://intlibrary.ir/download/react:-up-running.-building-web-applications-67218" class="fab fa-twitter"></a>
        <a title="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://intlibrary.ir/download/react:-up-running.-building-web-applications-67218" class="fab fa-linkedin"></a>
	<a title="telegram" href="https://telegram.me/share/url?url=https://intlibrary.ir/download/react:-up-running.-building-web-applications-67218" class="fab fa-telegram"></a>
    </div>

    <div class="credit">تمامی حقوق معنوی و مادی وبسایت متعلق به اینترنشنال لایبرری می باشد </div>
    <a referrerpolicy="origin" target="_blank" href="https://trustseal.enamad.ir/?id=388646&Code=u30nArrb8FNGCVSamKgWjgghLr6B3i2e"><img class="enamad" alt="نماد اعتماد الکترونیکی" src="https://asbook.ir/img/enamad.png"></a>
    
</section>

<!-- footer section ends -->

<!-- loader 

<div class="loader-container">
    <img src="image/loader-img.gif" alt="">
</div>
 -->

</body>
<!--<script src="https://intlibrary.ir/js/swiper-bundle.min.js"></script>-->
<!-- custom js file link  -->
<script src="https://intlibrary.ir/js/js/script.js"></script>
<script>
$(document).ready(function(){

function2();

$('#subscribe').click(function(){
var email = $("#id_email").val();
var topic = $("#topic").val();

$.ajax({
url:'res.php',
type:'POST',
data:{subscribe:'ok',email:email,topic:topic},
success:function(result){
$("#subscribe_res").html(result);
},
error:function(error){
alert(error);
}
});

});
});
</script>
<script>
/*var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "https://intlibrary.ir//req2.php?i=6648489&op=1Exa8", true);
xmlHttp.send();*/
</script>
<script>

        function function3(){
                       $('#pr_es').append('قیمت کتاب (تومان) : 36,000'); 
           document.getElementById("estelam").style.display = 'none';
                   }
        function function2() {
                                    var result = '9781492051466';
            $.ajax({
                url: "https://www.googleapis.com/books/v1/volumes?q=isbn:" + result,
                type: 'GET',
                dataType: 'json', // added data type
                success: handleResponse
            });

            function handleResponse(res) {
                $.each(res.items, function(i, item) {
                    var desc = item.volumeInfo.description;
                    $('#result').append(desc);
                })
            }
                        }
		
</script>


</html>