להשארת פרטים
פיתוח תוכנה React and React Native
מספר הקורס 3378 40 סה"כ שעות אקדמאיות
5 מפגשים
מעניין אותי לשמוע עוד 
המועדים הקרובים
הקורס נפתח גם במתכונת Live class - למידה און ליין בכיתות אינטראקטיביות עם מיטב המרצים והתכנים של ג'ון ברייס /המי"ל.
ניתן לפתוח קורס בהתאמה אישית לארגונים במועד שיתואם עימנו
20/12/2020
קורס בוקר
סניף
תל אביב07/02/2021
קורס בוקר
סניף
תל אביב06/06/2021
קורס בוקר
סניף
תל אביב14/11/2021
קורס בוקר
סניף
תל אביב
Overview
This course focus on implementing Single Page Application via React technology. The course details the SPA architecture and details about the different roles in client MVC design. The course walks through the way of designing and constructing a fully-features SPA compliant web modules with React and covers both basics and advanced features.
These days, React.js technology becomes very popular for complex and advanced front end development and becomes a popular long-run solution for web based services.
Another exciting extension of React known as React-Native provides capabilities for creating native mobile application based on React and by that exploit your React knowledge and experience for Mobile development as well. This course relates to React-Native.
On Completion, Delegates will be able to
Understand MVC and SPA
Describe React technology and application structure
Use React basic components
Use ECMAScript
Combine Redux with React
Use routing and asynchronous messaging
Use some React advanced features
Create native mobile applications with React Native
Who Should Attend
Web developer that choose React as their solution for constructing Single Page Applications and implement client side MVC
Introduction to SPA & Client MVC
- SPA Architecture
- Getting ready for future internet clients & IoT
- Client MVC roles
- Functional programming (mutability, pure functions, higher order functions etc..)
- Overview of supporting technologies (AJAX, REST)
- Axios
Type Script
- JavaScript, ECMAScript5, ECMAScript6 and Type Script
- Understanding the JavaScript Closures
- Types
- Class
- interfaces
- Inheritance
- Generics Modules
- Tools
Introduction to React
- Concept
- Create-react-app
- Basic concepts and terms
- Most basic components
- The virtual DOM
- JSX
- React element / JSX element
- Render
React components & Lifecycle
- Function components
- Basic components
- Components structure
- Passing properties
- Managing component state
- Lifting state up
- Using references
- Pure components
- Component mount
- Component unmount
- Component props updated
- Component state updated
- Stateless vs stateful components
- React children
- HOC
React Hooks
- useState
- useEffect
- useRef
- Create custom hook
Introduction to Redux with React
- Introduction to Redux
- Redux actions
- Redux reducers
- Redux store
- Redux middleware
- Combined with React
- Use store with React
- Using reducers and actions to manage component state
- Redux-react
- UseSelector
- UseDispatch
React routing
- React router
- Single routes
- Multiple routes
Advanced Redux – Middleware
- Async Actions
- Logging
Error Handing
- Error boundaries
- componentDidCatch
React Native – Mobile Development
- Introduction
- Setting environment
- Main components
- Components state & props
- Basic styling
- Layouts & Flexbox
- Form components
- Images & animation
- Http based integration
Advanced React
- Project structure
- Some selected open-source supportive libraries
- Best practices
- Provider, Context
- UseContext
- Use Reducer
- Memo – reselect / useMemo
- useCallback – if time permits
- Experience in client side technologies based on HTML & CSS
- Experience in JavaScript programming
- Some background in REST and Web-Services
'