(Click Category to List Courses)
40 - IT-P Information Technology - Programming
IT-P 135A - ReactJS & React Native
| Code | Start Date | Duration | Venue | |
|---|---|---|---|---|
| IT-P 135A | 11 August 2025 | 5 Days | Istanbul | Registration Form Link |
| IT-P 135A | 06 October 2025 | 5 Days | Istanbul | Registration Form Link |
| IT-P 135A | 01 December 2025 | 5 Days | Istanbul | Registration Form Link |
Please contact us for fees
Course Description
Dive into the dynamic world of modern front-end development with our comprehensive course on ReactJS and React Native. This program is designed to take you from a novice to an adept developer, equipping you with the skills to build high-performance web applications and cross-platform mobile apps.
Course Objectives
- Learn about the differences and similarities between ReactJS and React Native
- Use built-in components and APIs for building native mobile experiences
- Implement navigation solutions using React Navigation
- Apply state management strategies similar to those in ReactJS
- Style mobile applications using Flexbox and styled-components
Who Should Attend?
- Developers
- IT managers
- Anyone who would like to know about apps development using React
Course Details/Schedule
Day 1
- SPA & React Js Basics
- SPA Modern Frameworks & Browser basics
- How is Routing in SPA: Data Fetch & Rendering
- SPA Libraries & React Advantages
- What is DOM & Virtual DOM
- Create First React Application (by Create-react-app & Vite )
- NPM & Package.json
- Npm cli
- Modern Javascript, ECMAScript
- Let & Cost & Scopes
- Arrow Functions
- Object Literals
- Destructuring
- Template Strings
- Promise & async
- Component Structures
- Component basics
- Atomic Design
- Best Practises on Component Folder Structures
Day 2
- Styling Solutions in React JS & Responsive Design
- Styling pure CSS in React
- Inline styling
- Using styling libraries
- Tailwind CSS
- Responsive Design for mobile, tablet and desktop devices
- React Functional Components
- Component Data Management: State & Props
- useState Hook
- Using Props in best practices
- Children Prop
- Child-to-Parent Component Communication
- useEffect Hook: Lİfecycle Methods
- Listening state changes
- JSX
- Intro to JSX
- Advanced JSX
- String Literals
- Spread Attributes
- Children in JSX
- Iterations in JSX
- Conditionals in JSX
Day 3
- Form Controls
- Event Handlers
- Adding Form Inputs
- Listening to User Input
- Validations
- Handling Form Submission
- Adding Two-Way Binding
- Controlled vs Uncontrolled Components
- React Hook Form
- Navigation in SPA: React Router
- Routing in React App
- Creating paths and page components
- Using URL parameters
- Passing state data on navigating
- Lazy Loading
Day 4
- Axios: API communication
- Creating an api request
- Getting data
- Error handling
- Modularization
- React State Managers: Redux with Hooks
- What is redux? Why do we need it?
- Implement redux to the project
- Redux Installation
- combineReducers, createStore, Provider, useSelector,
- Action Creators
- useDispatch & bindActionCreators
- Dispatching an Action
Day 5
- Developing Mobile Apps with React Native
- Understanding React Native
- Performance issues
- Environment Setup
- Components
- Create React Native App
- Using native components
- Styling native components
- Using device native features (Camera, Notifications, Geolocation)
